ProgressBar
ProgressBar — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
ProgressBar — Prism component.
Accessibility
Status messages use role="status" / aria-live="polite" (or assertive for errors) so updates are announced without stealing focus.
Import
const { ProgressBar } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
value | number | — | |
min | number | — | |
max | number | — | |
label | string | — | |
showValue | boolean | — | |
tone | "accent" | "positive" | "notice" | "negative" | — | |
isIndeterminate | boolean | — | |
formatValue | (value: number) => string | — | Custom value formatter, e.g. (v) => ${v} / 200 MB. |
className | string | — |