Latest web development tutorials

HTML5 <progress> tag

Examples

Labeled "Download Progress":

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

try it"

Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

Note: IE 9 or earlier versions of IE browser does not support <progress> tag.


Tag definitions and instructions

<Progress> tag defines the operation of the task progress (process).


Differences between HTML 4.01 and HTML5

<Progress> tag is new in HTML5 tags.


Tips and Notes

Tip: Keep the<progress> tag and the JavaScript used together to show the progress of the task.

NOTE: <progress> tag is not fit to represent weights and measures (for example, disk space usage or related query results).Represents weights and measures, use the <meter> tag instead.


Attributes

New: HTML5 new property.

属性 描述
max New number 规定需要完成的值。
value New number 规定进程的当前值。

Global Properties

<progress> tag supports HTML global properties .


Event Properties

<progress> tag supports HTML event properties .