In a range input, when the field changes, the slider is cut off, how can I fix this?

Question

css

Maybe I'm doing something wrong, or somehow I can implement it differently, here is a code example https://jsfiddle.net/75z1vxt8/

It should be like this

. I know how to change the slider itself, but it must not be cut off.

Answer 1

Like this?
code pen