HTML · Forms and controls

progress

Shows completion of a task. Without a value it becomes indeterminate.

htmlRunnable example html course

Syntax

<progress value="…" max="…">

Example

Try it

<label for="p">Course progress</label>
<progress id="p" value="7" max="16">44%</progress>

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.