ProgressBar
ProgressBar is a process status indicator.
ProgressBar is used with the value property.
Usage #
Examples #
Basic #
ProgressBar is used with the value property.
Dynamic #
Value is reactive so updating it dynamically changes the bar as well.
Template #
content template allows displaying custom content inside the progressbar.
Indeterminate #
For progresses with no value to track, set the mode property to indeterminate.
Accessibility #
Screen Reader
ProgressBar components uses progressbar role along with aria-valuemin, aria-valuemax and aria-valuenow attributes. Value to describe the component can be defined usingaria-labelledby and aria-label props.
Keyboard Support
Not applicable.
