ProgressBar
Determinate progress bar using native ARIA progressbar semantics (role, aria-valuenow/min/max).
<ProgressBar value={7} max={10} label="Seats used" showValue className="ui-w-64" />
Editable — change the code above and the preview updates live.
Installation
import { ProgressBar } from "@labanaat/ui/progress-bar";Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | — | Current progress value |
| max | number | 100 | Maximum value |
| label | string | — | Label shown above the bar; also sets aria-labelledby |
| showValue | boolean | false | Shows the computed percentage |