Circular Progress Bar
How the Circular Progress Bar works with a keyboard and assistive tech.
Guidance#
Uses role="progressbar" with aria-valuenow, aria-valuemin, aria-valuemax and a label.
The SVG ring is aria-hidden. The value is exposed once, through the progressbar.