How to change the input slider thumb colour depending on value?

Question

I\'m making a site that includes a range input slider. I would like the slider thumb to change colour according to the value of the slider.

For example, if the value was

Answer 1

This is how I would do it: I would create a new