<progress> tag

HTML5 <progress> tag

The <progress> tag  is introduced in HTML5.

It helps to show a progress bar to show the progress of a task.

<progress vale=”number” max=”number-val”></progress>



How Browser will display


Difference between HTML4.01, XHTML and HTML5

None None None

Attributes used with <progress> tag

Attribute Description
form The form attribute defines one or more forms for the elements belong to.
max Represents the maximum value of the range.
value Describes the current value of the element

Global Attributes

The <progress> tag supports Global attributes.

Event Attributes

The <progress> tag supports Event attributes.

Supporting Browsers

supporting-browsers for tags

Related Tags

The <meter> tag is similar to <progress> tag but it is mostly used to show the disk space usage while the <progress> tag should be used to show the progress of a particular task.

Tutorials for all brains!