HTML <progress> tag
Updated: 09/12/2023 by Computer Hope
When writing in HTML (hypertext markup language), the <progress> tag is an inline element used to show how far a task has progressed. Used with JavaScript for value manipulation, this element usually displays progress in the form of a bar or wheel. The following sections contain information about this tag, including an example of it in use, and related attributes and browser compatibility.
Note
The <progress> tag shouldn't be used to create a gauge. In those cases, use the <meter> tag.
Example of <progress> code
<p>Downloading: <progress value="80" max="100">80 %</progress></p>
Example result
Downloading:
Attributes
All HTML tags support standard attributes that define the settings of an HTML element. In addition to the standard settings, the <progress> tag has the following unique attributes.
| Attribute | Description |
|---|---|
| max | Designates a total amount for a progress bar. |
| value | Designates how much of a task is completed. |
Compatibility
| Edge | Internet Explorer | Firefox | Safari | Opera | Chrome |
|---|---|---|---|---|---|
| All versions | 10.0+ | 6.0+ | 6.0+ | 11.0+ | 6.0+ |
Browser, Compatibility, Container tag, URL, Web design terms