Welcome to HTML5-Tutorials

Our site offers a lot of HTML5 learning from absolutely beginning to advanced level.If you want to make a website with HTML,this site will completely guide you a lot.So learn HTML5 syntax and form of coding easily with this website.If you have any doubt,leave a message on us.We will return you so soon.This site includes innumerable number of references you need to do after studying their corresponding elements.

In this page,we will learn about HTML <progress> tag.

Use of <progress> tag

The <progress> tag is used to create progress-bar of a task.
It is mainly used to display progress-bar while the file is being upload.

Display:Inline

Example of <progress> tag

    <progress value="50" max="100">
    </progress>

Supported Browsers.

Tag
<progress> 8.0 or higher 10.0 or higher 16.0 or higher 6.0 or higher 11.0 or higher

Full Code Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<progress value="50" max="100">
</progress>
</body>
</html>

Output

More Reference

The <progress> tag is new in HTML5.
Inorder to make effective progress bar like you have seen while you are being upload video on YouTube,you have to coding with JavaScript language.
The <progress> tag is not suitable at the time of using scalar measurement with fractional value.Use <meter> instead.

Attributes of <progress> tag


Attribute Value Notes
max number It specifies how much the task requires to make it completed.
value number It specifies how much the tasks has been progressed or completed.