Progress

A progress bar. Omit the value for an indeterminate, looping state.

Uploading… 28%

Indeterminate

Installation

Copy the command below and run it in your terminal.

bunx @sivir-ui/svelte add progress

Import the Progress component and use it:

import { Progress } from '$lib/sivir/components/progress';

<Progress value={28} />
<Progress indeterminate />

Explore Progress in different states and configurations.

Uploading… 72%

Progress - Displays progress toward a value.