This rewrites the entire .progress
component to solve a number of issues with the <progress>
element. <progress>
elements don't allow animation, cannot have labels overlaid, don't support multiple bars, etc.
Here's what's changes:
- Revamps CSS to use something more similar to v3's implementation. Far simpler CSS here.
- Ditches variant mixin for
.bg-
utils. - Rebuilds docs to match, including adding a new Height section for customizing that.
Fixes #17148 (closed), fixes #18835 (closed), closes #18812 (closed), and helps with #21472 (closed).
Only potential remaining todo is adding .sr-only
instances to within the bar. Unsure if that's necessary. Thoughts on that @patrickhlauke? Feel like looking at the aria labels we should be able to avoid that, but maybe not?