HTML 5 <progress> Tag
It is used to represent the progress of a task. It is also defined how much work is done and how much is left to download a thing. It is not used to represent the disk space or relevant query.
Syntax:
<progress attributes...> </progress>
Attributes: The <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.
Note: This tag is used in conjunction with JavaScript to display the progress of a task. It is not used for gauging purposes.
Example:
HTML
<!DOCTYPE html><html> <body> <h1>GeeksforGeeks</h1> Downloading progress for a song: <!--HTML progress tag starts here--> <progress value="57" max="100"> </progress> <!--HTML progress tag ends here--> </body></html> |
Output:
Supported Browsers:
- Google Chrome 6.0 and above
- Edge 12.0 and above
- Internet Explorer 10.0
- Firefox 6.0
- Opera 11.0
- Safari 6.0
Please Login to comment...