Peg

The Peg component must be used inside the Bar component.

Import

<script setup lang="ts">
import { Peg } 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 Peg component is used to create a shadow that acts like a luminous halo.

<template>
  <Peg />
</template>

It can also be used with a slot to insert a child component.

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`	`'peg'`	The class selector of the progress element (depends on your css)
...rest	`HTMLAttributes`	-	Other attributes passed down to the rendered element