Bar

The Bar component must be used inside the Progress component.

Import

import { Bar } from '@bprogress/...';

Note

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

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

<Bar />

It can be used with a children (like Peg or your custom component) like this:

<Bar>
  <Peg />
</Bar>

Name	Type	Default	Description
as	`React.ElementType`	`'div'`	The component to render the progress element
children	`React.ReactNode`	`undefinded`	The children of the progress element
classSelector	`string`	`'bar'`	The class selector of the progress element (depends on your css)
...rest	`React.ComponentPropsWithoutRef<T>`	-	The rest of the props are passed to the progress element