Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML 5 <progress> Tag

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 28 Jul, 2022
Improve Article
Save 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
Related Articles

Start Your Coding Journey Now!