Uploading assets65%
Progress Bar
Determinate or indeterminate progress with a label, tones and percent readout.
Usageimport { ProgressBar } from "./ProgressBar";
1import { ProgressBar } from "./ProgressBar";2 3<ProgressBar />Copy the source with the toolbar’s copy button — or open the Code pane to select it by hand — then paste the file into your project. It is self-contained, with no registry metadata and no dependencies (Tailwind classes required).
Props
| Prop | Type | Default |
|---|---|---|
| label | string | Uploading assets |
| value | 25 | 50 | 65 | 80 | 100 | 65 |
| tone | indigo | emerald | amber | rose | indigo |
| showValue | boolean | true |
| indeterminate | boolean | false |