The progress tag speaks to the advancement of an assignment.

<progress> . . . </progress>

The PROGRESS Element is used to show the completion or progress of a specific task.

We often see on the website, while downloading some text or video and even on uploading some contents on the Internet, a progress bar comes before us and displays its current progress or completion of specific tasks.

Before the development of HTML5, it was done with some hard code of JavaScript and jquery. But now it is too easy to use with the new PROGRESS Element of HTML5.

Although Still there is some need of JavaScript to show it dynamically. But the static design can be created completely with PROGRESS Element of HTML5.

There are mainly four attributes can be called with PROGRESS Element. max, value, position and labels.

Here is the Syntax for PROGRESS Element

Supported Browser
html5 tutorial html5 tutorial html5 tutorial html5 tutorial html5 tutorial


<output> . . . </output>

Below is complete syntax along with example


<!DOCTYPE html>

<html>
	
    <head>
    	 <title>Title name will go here</title>
    </head>
    
    <body>
		
		Downloading progress:
		<progress value="60" max="100"></progress>
		Downloading progress:
		<progress value="60" max="100"></progress>
		
	</body>
    
</html>

Download