<progress>

defines task progress

Example

<progress value="10" max="120">
  10 of 120 complete.
</progress>

Description

New in HTML5, <progress> displays what portion of a task has elapsed and how much remains.

For displaying other ranged values that are not specifically task progress, use the <meter> tag.

Attributes Table

Attribute Description Values
Element Attributes
max maximum value
    value current value, from 0 to max
      Standard Attributes
      accesskey defines a key used to focus the element
      class class of this element
      contenteditable whether element is user editable
      contextmenu specifies a menu that corresponds to this element
      dir text direction
      draggable whether element is draggable
      hidden whether element should be displayed
      id unique identifier for this element
      itemprop defines a microdata property of the element in the item.
      itemscope creates a microdata group for the element
      lang language used within element
      spellcheck whether spellchecking is enabled for this element
      style CSS styling rules
      subject associates a microdata property with a non-parent item
      tabindex defines tab key navigation ordering for the element
      title title of this element
      translate whether translation tools should translate the element's content
      xml:lang language used within element

      DOM Reference

      Handler Description
      Event Handlers
      onchange run when an element changes
      onclick run when element is clicked
      oncontextmenu run when contextual menu is triggered
      ondblclick run when element is double-clicked
      ondrag run when element is dragged
      ondragend run at end of a drag operation
      ondragenter run when element has been dragged to a valid drop target
      ondragleave run when element leaves a valid drop target
      ondragover run while element is over a valid drop target
      ondragstart run at start of drag operation
      ondrop run when dragged element is dropped
      onfocus run when element receives focus
      onformchange run when form changes
      onforminput run when form gets input
      oninput run when element gets user input
      oninvalid run when element is invalid
      onkeydown run when a key gets pressed
      onkeypress run when a key gets pressed then released
      onkeyup run when a pressed key is released
      onmousedown run when mouse button gets pressed
      onmousemove run when the mouse pointer moves
      onmouseout run when the mouse pointer leaves the element
      onmouseover run when the mouse pointer enters the element
      onmouseup run when a pressed mouse button is released
      onmousewheel run when the mouse wheel is used
      onreset run when a form reset is performed
      onscroll run when element is being scrolled
      onselect run when element is selected
      onsubmit run when form is submitted
      Media Event Handlers
      onabort run when media resource loading is aborted
      oncanplay run when media can start to play
      oncanplaythrough run when media can be played completely to its end
      ondurationchange run when duration of media has changed
      onemptied run when a media resource becomes empty
      onended run when media playback reaches end
      onerror run when an error occurs during element loading
      onloadeddata run when media resource is loaded
      onloadedmetadata run when media metadata is loaded
      onloadstart run when media resource has started to load
      onpause run when media resource is paused
      onplay run when media resource will start playing
      onplaying run when media resource is playing
      onprogress run when browser has received additional media resource data
      onratechange run when media resource playback rate changes
      onreadystatechange run when media resource ready state changes
      onseeked run after media resource seeking operation has been performed
      onseeking run during media resource seeking operation
      onstalled run when media resource loading has stalled
      onsuspend run when browser stops fetching media resource before finished
      ontimeupdate run when media resource playback position changes
      onvolumechange run when media resource volume is changed or muted
      onwaiting run when media resource has stopped playing but expects to resume