Props
| Name | Description |
|---|---|
indeterminate Type: booleanDefaultfalse | A wait you cannot measure yet: the bar slides back and forth (a calm pulse under reduced motion) and reports no For the phase you cannot measure, such as the server processing an upload that has reached 100%. The |
label Type: string | 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 Type: numberDefault100 | 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 Type: numberDefault0 | 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. |
modelValue Type: number | nullDefault0 | 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 Type: PtMap<BbProgressPtPart, "indeterminate"> | Passthrough, object form: the same keys as the |
pt:<part> Type: PtValue | Passthrough, attribute form: one attribute per part, |