Hosting Solutions
mobile_logo Table of Contents


The <progress> element is used to graphically render the progress of a task as the task takes place. Its value attribute can be tied to a JavaScript mechanism that will have a progressive value to relate to the user in real time.

Code Example

Event Progress... <progress value="60" max="100" >60 percent</progress> open in code editor

You may find the following related video tutorials helpful: Progress Bar Progressive Javascript Events Processing File Upload Progress Bar Meter Tutorial Ajax PHP Custom Progress Bar Meter Development For File Upload Forms


globals - the global attributes common to all elements possible values: see global attribute list value - specify the value possible values: "integer or floating point number" max - specify the maximum value possible values: "integer or floating point number"

Official Documentation



aabbraddressareaasidearticleaudiobbasebdobdiblockquotebodybrbuttoncanvascaptioncitecodecolcolgroupdatadatalistdddeldetailsdfndialogdivdldtemembedfieldsetfigcaptionfigurefooterformh1 h2 h3 h4 h5 h6headheaderhrhtmliiframeimginputinskbdkeygenlabellegendlilinkmainmapmarkmetameternavnoscriptobjectoloptgroupoptionoutputpparampreprogressqrb rp rt rtc rubyssampscriptsectionselectsmallsourcespanstrongstylesub supsummarytabletbodytdtemplatetextareatfootththeadtimetitletrtrackuulvarvideowbr