Open In App

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy

HTML | <progress> value Attribute

The <progress> value Attribute is used to specify the completed task using a progress bar. 

Syntax:



<progress value="number">

Attribute Value: It contains single value number which is a floating point number and used to specify the completed task. 

Note: This attribute is new in HTML 5. 



Example: 




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML progress value Attribute
    </title>
</head>
 
<body>
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
 
    <h2>
        HTML progress value Attribute
    </h2> Downloading progress for a song:
    <progress value="57"
              max="100">
  </progress>
</body>
 
</html> 





                        







Output:
  
Supported Browsers: The browser supported by HTML <progress> value Attribute are listed below:
	

        Article Tags : 
        

            HTML
Web Technologies        


		
	

	


      

      

          
Recommended Articles

      

      

          
          
1. Semantic-UI Progress Progress Content

          
2. HTML | <progress> max Attribute

          
3. How to set the maximum value of progress bar using HTML ?

          
4. HTML DOM Progress value Property

          
5. How href attribute is different from src attribute in HTML ?

          
6. How to set/get the value of Progress Bar using JavaScript ?

          
7. Which tag is used to represent progress of a task in HTML & how is it different from <meter> tag ?

          
8. HTML | DOM Progress Object

          
9. HTML | DOM Progress max Property

          
10. HTML | DOM Progress position Property

          
11. How to create a progress bar animation using HTML and CSS ?

          
12. How to create a Multi Step Progress Bar in HTML CSS and JavaScript?

          
13. HTML 5 <progress> Tag

          
14. How to Set Color of Progress Bar using HTML and CSS ?

          
15. How to create a progress bar using HTML and CSS?

          
16. Create a Circular Progress Bar using HTML and CSS

          
17. Create a File Upload with Progress Bar in HTML CSS & JavaScript

          
18. HTML <button> value Attribute

          
19. HTML | value Attribute

          
20. HTML | input value Attribute

          
21. HTML | <meter> value Attribute

          
22. HTML | <li> value Attribute

          
23. HTML | data value attribute

          
24. What does the value attribute do in an HTML Input Tag ?

          
25. HTML <param> value Attribute