I agree that these look better than the standard HTML progress bar, it's not semantic (and possibly accessible) and is missing the functional aspect (updating the progress bar).
Would you be able to rework your CSS to work with a semantic HTML progress bar?
For the most part, it's feasible.
What's not it's writing the percentage in the middle. It's only possible with a pseudo-element in Blink-based browsers.
I agree that these look better than the standard HTML progress bar, it's not semantic (and possibly accessible) and is missing the functional aspect (updating the progress bar).
Would you be able to rework your CSS to work with a semantic HTML progress bar?
For the most part, it's feasible.
What's not it's writing the percentage in the middle. It's only possible with a pseudo-element in Blink-based browsers.
Yeah maybe.
You could also add ARIA attributes to tell screen readers that it's a progress bar 👍
developer.mozilla.org/en-US/docs/W...
Thanks for the source. I'll learn more about it and try to implement.😇