Skip to main content

html-tags.com

<progress>

Task completion: how much of a known process is done.

Baseline: Widely available · Forms

When to use it

With max and value for determinate progress; omit value for indeterminate 'working…'.

When not to

For a measurement within a range (disk usage, score) use meter — progress means a task.

Key attributes

value
current progress
max
the total

Example

8 of 9 sections
<label for='done'>Guide completion</label>
<progress id='done' max='9' value='8'>8 of 9 sections</progress>
Rendered live above, source below.

Authoritative references