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.

---