HTML<progress>Tag: The HTML<progress> tag specifies the progress of a task. It also defines how much work is done and how much is left to download things. And it is not used to represent the disk space or relevant query.
HTML<progress>Tag
This HTML progress tag supports both the global and the event attributes.
Syntax: <progress> Text</progress>
Attributes
The HTML progress tag consists of two attributes which are listed below:
max: It represents the total work is to be done for completing a task.
value: It represents the amount of work is already completed.
Browser compatibility
The HTML<progress> tag is supported by different types of browsers.
- Chrome-8.0
- Firefox-16.0
- Opera-11.0
- Safari-6.0
- Internet Explorer-10.0
Example:
<!DOCTYPE html> <html> <body> Downloading ....<br> <progress value="22" max="100"> </progress> </body> </html>
Output:
Attributes that are supported by the <progress> tag
Attribute | Value | Description |
---|---|---|
max | number | Specifies how much work the task requires in total |
value | number | Specifies how much of the task has been completed |