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
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 |