HTML5 <progress>Tag


Examples

Mark "download progress":

<progress value="22" max="100"></progress>

Try it Yourself »

Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 10, Firefox, Opera, Chrome and Safari 6 support the <progress> tag.

Note:IE 9 or earlier versions of IE do not support the <progress> tag.


Definition and Usage

The <progress> tag defines the progress (process) of a running task.


Differences between HTML 4.01 and HTML5

The <progress> tag is new in HTML5.


Tips and Notes

Tip:Please use the <progress> tag together with JavaScript to display the progress of a task.

Note:The <progress> tag is not suitable for representing a gauge (e.g., disk space usage or related query results). To represent a gauge, use the<meter>tag instead.


Attributes

New: New in HTML5.

Attribute Value Description
maxNew number Specifies the value that needs to be completed.
valueNew number Specifies the current value of the process.

Global Attributes

The <progress> tag supportsHTML Global Attributes。


Event Attributes

The <progress> tag supportsHTML Event Attributes。

Other Extensions