<Progress> in HTML5
Advertisements
Progress Tag in HTML5
The <progress> tag is used to display the progress of a task. Using this tag you van create a progress bar on web page. The main purpose of this tag is to show file uploading progress.
Attributes of Progress Tag
| Attributes | Description |
|---|---|
| vlaue | It is defined how much task has been completed. |
| max | It define how much task required. |
Example
<!doctype html> <html> <body> <progress></progess> </body> </html>
Example
Download progress:
Example with value and max attribute
Example
<!doctype html> <html> <body> <p>Download progress:</p> <progress value="40" max="100"> </progess> </body> </html>
Result
Download progress:
Set height and width of progress
You can also set the height and width of progress using css.
Example
<!doctype html>
<html>
<head>
<style>
progress{
height: 40px;
}
</style>
</head>
<body>
<p>Download progress:</p>
<progress> </progess>
</body>
</html>
Result
Download progress:
Browser supported
| Element | |||||
| <progress> | Yes | Yes | Yes | Yes | Yes |
Google Advertisment