<progress> tag in HTML5

← Previous Next →

The <progress> tag used to display an indicator progress of a task, means displayed as a progress bar.

Important Description

• The <progress> tag is new in HTML5.
• The <progress> tag is not suitable for representing a gauge.
• Open and close tag required of <progress>.

Example of <progress> tag

<progress value="70" max="100">70%</progress> <progress value="80" max="100">80%</progress> <progress value="20" max="100">20%</progress>

Result Look Like

70%
80%
20%

<progress> Tag Browser Support

Global Attributes

• The <progress> tag supports all the Global Attributes in HTML.

Event Attributes

• The <progress> tag supports all the Event Attributes in HTML.

Attributes

The minimum value is always 0 and the "min" attribute is not allowed for the progress element.

← Previous Next →