How to start re-animation?

Question

linux

there is such css.

progressbar#dark_theme progress { background-color: #d1d100; border-radius: 6px; min-height: 20px; min-width: %d(end)px; animation: 2s linear col; } @keyframes col { 0% { min-width: %d(start)px; } 100% { min-width: %d(end)px; } }

instead of %d the value is substituted (the name of the variable is written in brackets). First I click on the button and apply this style. start: 0, end: 90. smooth animation. then I press another button, where start: 90, end: 30. but progress immediately at 30 becomes without animation. what to do?