HTML5 <progress> Tag

Example

Mark up "Downloading in progress":

The object's downloading progress:
<progress>
<span id="objprogress">50</span>%
</progress>
Code it Online »

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

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

Attributes

Attribute Value Description
max number Defines the value of completion
value 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.


Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!