Meter Example
The following example of a CPU meter demonstrates the meter design pattern.
Example
The value of this meter changes every 5 seconds. Use the pause button to stop changes.
Central Processing Unit (CPU) Usage
Keyboard Support
Not applicable.
Role, Property, State, and Tabindex Attributes
| Role | Attribute | Element | Usage |
|---|---|---|---|
meter |
div
|
|
|
aria-valuemin="NUMBER" |
div |
Specifies the minimum value the meter can have. | |
aria-valuemax="NUMBER" |
div |
Specifies the maximum value the meter can have. | |
aria-valuenow="NUMBER" |
div |
Specifies the current value of the meter. | |
aria-labelledby |
div |
Identifies the element that provides the accessible name of the meter. |
Javascript and CSS Source Code
HTML Source Code