HTML <progress> tag

Updated: 11/13/2018 by Computer Hope
HTML progress tag

When 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, and related attributes and browser compatibility.


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 %


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, and a description of each.

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


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