Props
| Name | Type | Default | Description |
|---|---|---|---|
label | string | undefined | - | Accessible name for the progress bar, forwarded to Names the bar for assistive tech; it renders nothing on screen. Print the value beside the bar as well, and add an |
max | number | undefined | 100 | Maximum value. Upper cap. Feed it your real units — bytes, gigabytes, number of steps — and let the component do the arithmetic. Pre-computing a percentage adds a rounding step between the number you print and the bar you draw. See example |
min | number | undefined | 0 | Minimum value. Lower cap. Only for ranges that do not start at zero, such as a sales floor or an XP band. Getting it wrong is silent: the bar stays plausible and reports the wrong fraction. |
modelValuerequired | number | null | 0 | The current progress value — a number between Bind it one way. There is no event to listen for, so derive completion from your own state ( |
pt | PtMap<"root", never> | undefined | - | Passthrough, object form: the same keys as the |
pt:root | PtValue | undefined | - |