Posts in current category

HTML5 <progress> tag

May 03, 2021 18:00 HTML5

Table of contents

HTML5 is used to define the progress bar in the document. Please refer to the following example:

Mark "Download Progress":

<progress value="22" max="100"></progress>
Give it a try.

Browser support

HTML5 <progress> tag HTML5 <progress> tag HTML5 <progress> tag HTML5 <progress> tag HTML5 <progress> tag

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

Note: I E 9 or earlier versions of Internet Explorer do not support the label. Click to open the link

Label definition and instructions for use

The label defines the progress 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 such as disk space usage or related query results, please use. The label is replaced by the label.


New: The new property in HTML5.

Property Value Describe
Numerical Specify the values that need to be completed.
Specifies the current value of the process.

Global properties

< The progress label supports the global properties of HTML.

The event property

< The progress tag supports HTML's event properties.

Refer to the article

If you would like more style information for the progress bar, please refer to: HTML5 SVG lightweight jQuery progress bar plug-in.