Semantics
An element that displays the progress status for tasks that take a long time.
Additional info from the ARIA specification
A progressbar indicates that the user's request has been received and the application is making progress toward completing the requested action.
Authors MAY set aria-valuemin and aria-valuemax to indicate the minimum and maximum progress indicator values. Otherwise, their implicit values follow the same rules as <input type=" in HTML:range">
The author SHOULD supply a value for aria-valuenow unless the value is indeterminate, in which case the author SHOULD omit the aria-valuenow attribute. Authors SHOULD update this value when the visual progress indicator is updated. If the progressbar is describing the loading progress of a particular region of a page, authors SHOULD both use aria-describedby to reference the progressbar status, and set the aria-busy attribute to true on the region until it is finished loading. It is not possible for the user to alter the value of a progressbar because it is always read-only.
Abstract Role
WidgetRepresents a focusable, interactive element.
Content Categories
Phrasing ContentAn element that typically appears inline and provides semantic meaning to text content.
Allowed Descendants
Phrasing Children Allowed
No progress element descendants allowed.
Note
Children Become Presentational
Browsers automatically apply the presentation role to all descendant elements, so their semantics are not conveyed to assistive technologies.
Usage
Allowed HTML elements
Implicit semantics
These elements have the role semantics by default, without needing to set the role attribute. Reach for elements with native semantics first when choosing how to implement a role in your content.
progress
Explicitly allowed
img[role=progressbar]
Elements that can have any role
abbr[role=progressbar]address[role=progressbar]b[role=progressbar]blockquote[role=progressbar]canvas[role=progressbar]cite[role=progressbar]code[role=progressbar]custom-element[role=progressbar]data[role=progressbar]del[role=progressbar]dfn[role=progressbar]div[role=progressbar]em[role=progressbar]figure[role=progressbar]i[role=progressbar]ins[role=progressbar]kbd[role=progressbar]mark[role=progressbar]output[role=progressbar]p[role=progressbar]pre[role=progressbar]q[role=progressbar]samp[role=progressbar]small[role=progressbar]span[role=progressbar]table[role=progressbar]tbody[role=progressbar]tfoot[role=progressbar]thead[role=progressbar]time[role=progressbar]u[role=progressbar]var[role=progressbar]