HTML5 <progress> tag
May 03, 2021 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>Browser support
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.
Property
New: The new property in HTML5.
| Property | Value | Describe |
|---|---|---|
|
max
|
Numerical | Specify the values that need to be completed. |
|
value
|
Numerical
|
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.