Progress

A progress bar shows how far a task has got. It is the native <progress> element, themed to the site.

<progress value="70" max="100">70%</progress>
A bar filled to seventy percent

A bar

Give value and max; the bar fills to that fraction. The text inside is the fallback.

70% 
<progress value="70" max="100">70%</progress>
A determinate progress bar

Indeterminate

Leave off value and the bar animates on its own, for a wait you cannot measure.

<progress></progress>
An indeterminate progress bar