DEV Community

Discussion on: Animated Circular progress bar using Html and CSS

Collapse
 
grahamthedev profile image
GrahamTheDev

They look great! ❤️

Minor suggestion. For the progress number:

<div class="progress-value">60%</div>
Enter fullscreen mode Exit fullscreen mode

Swap it for a

<progress role=“progressbar”>
Enter fullscreen mode Exit fullscreen mode

element and add the relevant WAI-ARIA so that people with screen readers / assistive tech can use it too.

Relevant aria role and usage:
developer.mozilla.org/en-US/docs/W...

Progress element:
developer.mozilla.org/en-US/docs/W...