progress – progress indicator (NEW)

progress – progress indicator NEW # T

The progress element represents the completion progress of a task.

Permitted contents #

phrasing content

Permitted attributes #

global attributes & value & max

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 #

The element progress must not appear as a descendant of the progress element.
The value of the value attribute must be less than or equal to the value of the max attribute.
The value of the value attribute must be less than or equal to one when the max attribute is absent.

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; }

HTML: The Markup Language Reference