Reproduction URL (Required)
https://play.tailwindcss.com/MZzOPMyUMO
What version of daisyUI are you using?
v5.6.16
Which browsers are you seeing the problem on?
All browsers
Describe your issue
By default, if you change the --value of a Radial Progress bar, it animates to the new value.
Standard (Linear) Progress bars do not animate when you change their HTML value property.
Here is some potential code to fix it 😄
@media (prefers-reduced-motion: no-preference) {
.progress::-webkit-progress-value { transition: inline-size 0.3s ease; }
.progress::-moz-progress-bar { transition: inline-size 0.3s ease; }
}
Reproduction URL (Required)
https://play.tailwindcss.com/MZzOPMyUMO
What version of daisyUI are you using?
v5.6.16
Which browsers are you seeing the problem on?
All browsers
Describe your issue
By default, if you change the
--valueof a Radial Progress bar, it animates to the new value.Standard (Linear) Progress bars do not animate when you change their HTML
valueproperty.Here is some potential code to fix it 😄