Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

HTML <progress> tags


May 04, 2021 HTML Reference Manual


Table of contents


HTML .lt;progress> tags

The label shows an indicator of the progress of a task's completion, typically used to represent a progress bar, and the following example simply simulates a download progress bar:

Mark "Download Progress":

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

Try it out . . .

Browser support

HTML <progress> tags HTML <progress> tags HTML <progress> tags HTML <progress> tags HTML <progress> tags

IE 10, Firefox, Opera, Chrome, and Safari 6 support the hashtag.

Note: IE 9 or earlier, IE browsers do not support the label.


Label definition and instructions for use

The label defines the progress (process) of the task in operation.


The difference between HTML 4.01 and HTML5

The label is the new label in HTML5.


Tips and comments

Tip: Please use the hashtag with JavaScript to show the progress of the task.

Note: The label is not suitable for representing metrics (for example, disk space usage or related query results). To represent a measure, use the hashtag instead.


Property

New : The new property in HTML5.

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

Global properties

The label supports the global properties of HTML.


The event property

The tag supports the event properties of HTML.


Read about it

HTML DOM Reference Manual: HTML DOM Progress Object