Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML 5 <progress> Tag

  • Difficulty Level : Basic
  • Last Updated : 14 Jun, 2021

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: 
 

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

  • 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 8.0
  • Internet Explorer 10.0
  • Firefox 16.0
  • Opera 11.0
  • Safari 6.0

 

My Personal Notes arrow_drop_up
Recommended Articles
Page :