jump

HTML: The Markup Language Reference

progressprogress indicator NEW # T

The progress element represents the completion progress of a task.

Permitted contents #

Permitted attributes #

global attributes
Any attributes permitted globally.
value = non-negative floating-point number #
Specifies how much of the task has been completed. The units are arbitrary and not specified.
max = positive floating-point number #
Specifies how much work the task requires in total. The units are arbitrary and not specified.

Additional constraints and admonitions #

Tag omission #

A progress element must have both a start tag and an end tag.

Permitted parent elements #

any element that can contain phrasing elements

DOM interface #

interface HTMLProgressElement : HTMLElement {
           attribute double value;
           attribute double max;
  readonly attribute double position;
  readonly attribute HTMLFormElement form;
  readonly attribute NodeList labels;
};

Typical default display properties #

progress {
-webkit-block-flow: tb !important; }
progress {
display: inline-block;
height: 1em;
width: 10em;
vertical-align: -0.2em;
background-color: gray; }