Google News
logo
HTML5 Progress Tag
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,  music files 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.
Example :
	
<!DOCTYPE html>
<html>
 
<head>
    <title>HTML5 Progress Tag</title>
</head>
    
<body>
 
Single File : <progress value="80" max="100"></progress><br><br>
Total Project : <progress value="45" max="100"></progress>
 
</body>
</html>
Output :
Single File     :  

Total Project :