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
  • Identifies the element as a meter.
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