Components / Feedback
ProgressBar
A linear progress bar, determinate or indeterminate.
@ruckc/truss-ui Feedback
Import
import { ProgressBar } from '@ruckc/truss-ui';Playground
value
intent
size
API
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | — | The current value. Bind it with `bind:value`. |
intent | 'primary' | 'success' | 'warning' | 'danger' | 'neutral' | 'primary' | Semantic colour: `primary`, `neutral`, `success`, `warning` or `danger`. |
label | string | — | Visible label shown above the control. |
showValue | boolean | false | Show the numeric value. |
size | 'sm' | 'md' | 'md' | Control size: `sm` (24px), `md` (32px, default) or `lg` (40px). |