HTML <progress> tag

Definitie en gebruik

<progress> het label om de voortgang van de taak aan te geven.

Tip:Voeg altijd toe <label> tag voor de beste toegankelijkheidspraktijken!

Zie ook:

HTML DOM referentiehandleiding:Progress object

Voorbeeld

Toon voortgangsbalk:

<label for="file">Download voortgang:</label>
<progress id="file" value="32" max="100"> 32% </progress>

Try it yourself

Tips and comments

Tip:Will <progress> The marker can be used in combination with JavaScript to display the progress of the task.

Note:<progress> The tag is not suitable for representing gauges (such as disk space usage or the relevance of query results). To represent gauges, please use the <meter> tag instead.

Attribute

Attribute Value Description
max Number Specifies the total amount of work required for the task. The default value is 1.
value Number Specifies the part of the task that has been completed.

Global attributes

<progress> The tag also supports Global attributes in HTML.

Event attributes

<progress> The tag also supports Event attributes in HTML.

Default CSS settings

None.

Browser support

The numbers in the table indicate the first browser version to fully support the tag.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0