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

Related Articles

How to Create a Progress Bar using HTML5 ?

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

In this article, we are creating the progress bar of a task by using a <progress> tag. It is used to represent the progress of a task. It is also defined as how much work is done and how much is left. It is not used to represent the disk space or relevant query.


<progress attributes...> </progress>


<!DOCTYPE html>
        Represent the progress of a task
    <h1 style="color:green;">
        HTML5: How to represent 
        the progress of a task
    Downloading progress for a song:
    <progress value="57" max="100">


Supported Browsers are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari
My Personal Notes arrow_drop_up
Last Updated : 28 May, 2020
Like Article
Save Article
Similar Reads
Related Tutorials