How to make svg fill smooth?

Question

JavaScript

The slider slider fills with color when dragged.
https://codepen.io/Raneto4ka/pen/WBzPRP
Is it possible to somehow make the filling work not abruptly, at the moment of reaching a certain value (as it is now), but smoothly filled during the slider movement?

Answer 1

You can use the Polymorph library , but it's a bit buggy.