HTML <progress> tag

Updated: 04/26/2017 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 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

Internet Explorer Firefox Safari Opera Chrome
10.0+ 6.0+ 6.0+ 11.0+ 8.0+

Browser, Compatibility, URL