programplug Logo




Progress Tag in HTML5

The progress bar is design to give the progress of task and with the help of progress bar you can create a progress bar on web page. The purpose of the tag is to show the uploading process.

Example:

<!DOCTYPE html>
<html>
<body>
<progress></progress>
</body>
</html>
		  
Output:
Attributes Of Progress Tag:
Attributes DESCRIPTION
value It shows that how much process task has been completed yet.
max It shows that how much task require in total to complete.

Example with value and max attribute
   <!DOCTYPE html>
<html>
<body>
<p> Downloading</p>
<progress value="50" max=''100"></progress>
</body>
</html>

   
Output:

Downloading



Set height and width of progress

By using CSS you can set the height and width of progress in HTML.

Example:
   <!DOCTYPE html>
<html>
<head>
<style>
progress
{
height 50px;
}
</style>
</head>
<body>
<p> Downloading</p>
<progress></progress>
</body>
</html>
Output:

Downloading








Our Services

Developing Cheapest Websites
Offer Digital Marketing
Provide College Projects
Attractive Website Developing
Summer Training,Industrial Training
SCO,SMO

Contact Us

Dehradun Uttarakhand India
www.programplug.com
info@programplug.com
08534019974
Designed By : Mridul Gupta

Other Link

About Us

Contact Us

Disclaimer

Privacy Policy