Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App

Related Articles

HTML 5 <progress> Tag

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

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. 

<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.


<!DOCTYPE html>
        Downloading progress for a song:
        <!--HTML progress tag starts here-->
        <progress value="57" max="100">
        <!--HTML progress tag ends here-->


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


My Personal Notes arrow_drop_up
Last Updated : 28 Jul, 2022
Like Article
Save Article
Similar Reads
Related Tutorials