HTML <progress> Tag


A task's completion progress is represented by the progress tag.

For optimum accessibility standards, always include the <label> tag! To display the progress of a work, use the <progress> element in combination with JavaScript.

It should be noted that the <progress> tag is not appropriate for displaying a gauge (e.g. disc space usage or relevance of a query result). Instead, use the <meter> tag to indicate a gauge.

Syntax

Example

Preview

Attributes

Attribute Value Description
max number Specifies the overall amount of work required for the task. The default value is one.
value number Specifies the percentage of the work that has been accomplished.

Supported Browsers

Element Chrome Firefox Safari Edge / IE Opera
<progress> Yes Yes Yes Yes Yes