Table of Contents

Progress bar

Live demo

Renders a progress bar.

Node name : progress-bar

Attributes

Attribute Type Required Default value Description
mode string (determinate, indeterminate) false determinate Defines how the progress is displayed: determinate shows actual progress, indeterminate shows an ongoing animation without a specific value.
value number false Progress percentage. Must be a number between 0 and 100. Used only in determinate mode.
show-value bool false true Indicates whether the numeric value (percentage) is displayed alongside the progress bar. Used only in determinate mode.

Example

<progress-bar value="50" />
<progress-bar mode="indeterminate" />