Top progress

An NProgress-style page loading bar.

import { BuiTopProgress } from 'ng-blatui';

<bui-top-progress #bar [demo]="true" />
<button (click)="bar.start()">Start</button>

API reference

Prop	Type	Default	Description
`color`	`string`	`'var(--color-primary, #6366f1)'`	CSS color (or gradient) used to fill the bar.
`height`	`number`	`2`	Bar thickness in pixels.
`demo`	`boolean`	`false`	When true, renders inline within its container instead of fixed at the top of the viewport.
`ariaLabel`	`string`	—	Overrides the localized accessible progressbar label.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.