aria-valuenow

Number

Holds the current numeric value of a range widget such as a slider, spinbutton, or progress bar. Screen readers announce it, often as a percentage between aria-valuemin and aria-valuemax. When the raw number isn't meaningful on its own, add aria-valuetext to supply readable text instead.

aria-valuenow="…"

Value

Any number, typically within the widget's min/max range.

Used on

Associated roles

meter progressbar scrollbar separator slider spinbutton

Example

aria-valuenow="…"

<div role="slider" aria-valuenow="60"
  aria-valuemin="0" aria-valuemax="100">…</div>

References

WAI-ARIA 1.2 specification
MDN Web Docs