HTML Tag






<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]
-->



HTML <progress> Tag




Previous
Complete HTML Reference
Next



Example


Downloading in progress:



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

Try it Yourself »



Definition and Usage


The <progress> tag represents the progress of a task.




Browser Support


The numbers in the table specify the first browser version that fully supports the element.



















Element
<progress> 8.0 10.0 16.0 6.0 11.0



Differences Between HTML 4.01 and HTML5


The <progress> tag is new in HTML5.




Tips and Notes


Tip: Use the <progress> tag in conjunction with JavaScript to display the progress of a task.


Note: The <progress> tag is not suitable for representing a gauge
(e.g. disk space usage or relevance of a query result). To represent a gauge,
use the <meter> tag instead.







<!--
mid_content, all: [300,250][336,280][728,90][970,250][970,90][320,50][468,60]
-->





Attributes


















Attribute Value Description
max number Specifies how much work the task requires in total
value number Specifies how much of the task has been completed

Global Attributes


The <progress> tag also supports the Global Attributes in HTML.




Event Attributes


The <progress> tag also supports the Event Attributes in HTML.




Related Pages


HTML DOM reference: Progress Object




Default CSS Settings


None.





Previous
Complete HTML Reference
Next

Popular posts from this blog

Python Lists

Aion

JavaScript Array Iteration Methods