HTML: The Markup Language

progressprogress indicator NEW # T

The progress element represents the completion progress of a task.

Permitted content #

Permitted attributes #

Descriptions for attributes specific to this element #

value = non-negative float
Specifies how much of the task has been completed. The units are arbitrary and not specified.
max = positive float
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 float value;
           attribute float max;
  readonly attribute float position;
  readonly attribute HTMLFormElement form;
  readonly attribute NodeList labels;
};

Typical default display properties #

progress {
display: inline-block;
height: 1em;
width: 10em;
vertical-align: -0.2em; }