HTML <progress> tag

Updated: 11/13/2018 by Computer Hope

HTML progress tagWhen writing in HTML, the <progress> tag is an inline element used to show how far a task has progressed. Used in conjunction 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, as well as 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: 80 %

Attributes

Within an HTML tag, an attribute dictates certain aspects of an HTML element. Attributes are made up of a name and value pair; all tags support standard attributes. The following table shows all of the current unique HTML attributes for the <progress> tag, as well as a description of each.

Attribute Description
max Designates a total amount for a progress bar.
value Designates how much of a task has been completed.

Compatibility

Edge Internet Explorer Firefox Safari Opera Chrome
All versions 10.0+ 6.0+ 6.0+ 11.0+ 6.0+

Browser, Compatibility, URL, Web design terms