In this article, we are creating the progress bar of a task by using a <progress> tag. The <progress> tag 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.
The progress object in HTML DOM is used to represent the HTML <progress> element. The <progress> element can be accessed by using getElementById() method.
- level: It returns the list of progress bar.
- max: It is used to set or return the progress bar value of max attribute.
- value: It represent the amount of work are already completed.
- position: It returns the current position of progress bar.
Before Button Click:
After Button Click:
- Google Chrome
- Internet Explorer