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 represent the total work is to be done for completing a task.
  • value: It represent the amount of work are 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:

filter_none

edit
close

play_arrow

link
brightness_4
code

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

chevron_right


Output:

Supported Browsers: The browser supported by <progress> tag are listed below:

  • Google Chrome 8.0
  • Internet Explorer 10.0
  • Firefox 16.0
  • Opera 11.0
  • Safari 6.0


My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.