3.0.0-alpha.7 Alpha
Default Default Classic Light Dark Light Dark System
Search /
Default Default Classic Light Dark Light Dark System
Native Styles

Progress Bar

<progress> Experimental

Progress bars are used to show the status of an ongoing operation.

Want to do more? Check out the <wa-progress-bar> component! 
<progress value="40" max="100"></progress>

Indeterminate:

<progress></progress>

Custom Height

Use the height CSS property to set the progress bar's height.

<wa-progress-bar value="50" style="height: 6px;"></wa-progress-bar>
    No results