Svelte Component

Progress Bars

An indicator showing the progress or completion of a task.

typescript
import { ProgressBar } from '@skeletonlabs/skeleton';
Source Page Source

Demo

This component is treated as an ARIA progressbar.

Indeterminate Mode

Remove the value property or set value to undefined.

Native Alternative

The native progress element works cross browser, but does not currently support Indeterminate mode when styled.