Bar

The Bar component must be used inside the Progress component.

Import

<script setup lang="ts">
import { Bar } from '@bprogress/...';
</script>

Note

Replace the ... in the import with the library you're using. For example, if you use @bprogress/nuxt, import by doing from '@bprogress/nuxt'

The Bar component is used to create the progress bar element.

<template>
  <Bar />
</template>

It can also be used with a slot to insert a child component (like a custom component) as follows:

<template>
  <Bar>
    <Peg />
  </Bar>
</template>

Name	Type	Default	Description
is	`string \| Component`	`'div'`	The component or HTML element to render. This prop uses Vue's is attribute for dynamic rendering.
class	`ClassValue`	`undefinded`	The class of the progress element
classSelector	`string`	`'bar'`	The class selector of the progress element (depends on your css)
...rest	`HTMLAttributes`	-	Other attributes passed down to the rendered element