First we need to understand what the html5<progress> tag means:
<progress> tags indicate the progress of the task (process).
The,<progress> tag in HTML is used to define the progress (process) of a running task. <progress> tags are often used with JavaScript to show the progress of a task. The representation of weights and measures is not suitable for <progress> tags, generally used <meter> tags.
<progress> Tag Basic properties:
Max: Specifies the value (value: number) that needs to be completed.
Value: Specifies the current value of the process (value: number).
<progress> tags support HTML global properties and HTML event properties
Format:
<progress value= "Current value" max= "target value" ></progress>
Here are some examples:
<!doctype html>Operation Result:
Tagged note html 1th "title=" html5< progress> label note html 1th-Guo Brother note "> label note" alt= "" width= "469" height= "161"/>
Properties of the html5<progress> tag:
Examples of downloads in progress:
<progress value= "max=" ></progress>Basic usage of html5
Tips and comments for html5<progress> tags:
Tip: Use the <progress> tag with JavaScript to show the progress of your task.
Note:<progress> tags are not suitable for measuring weights (for example, disk space usage or query results). To represent weights and measures, use the <meter> tag instead.
Differences between HTML 4.01 and HTML 5
The <progress> tag is a new label in HTML 5.
Browser support
Internet Explorer, Firefox, Opera, Chrome, and Safari 6 support <progress> tags.
Note: Internet Explorer 9 and earlier versions do not support <progress> tags.
"Recommended"
What are the article tags in HTML5? Where is the article element used in HTML5?
What are the new structural elements of HTML5? HTML5 the use of new structural elements (recommended)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
