HTML5 <progress> Tag

Example

Mark up "Downloading in progress":

The object's downloading progress:
<progress>
<span id="objprogress">76</span>%
</progress>

Try it yourself »

Definition and Usage

The <progress> tag defines work-in-progress.

Use the progress element to display the progress of a time consuming function in JavaScript.


Differences Between HTML 4.01 and HTML5

The <progress> tag is new in HTML5.


Tips and Notes

Tip: Use the <progress> element to display the progress of a download.


Attributes

New : New in HTML5.

Attribute Value Description
maxNew number Defines the value of completion
valueNew number Defines the current value of the progress

Standard Attributes

The <progress> tag also supports the Standard Attributes in HTML5.


Event Attributes

The <progress> tag also supports the Event Attributes in HTML5.