How to style input type=range?

Question

css

how to create a style from an image?
there is an example, but in the example https://codepen.io/littlekope0903/pen/PowVaJd is not a flat line

Answer 1

Take before and make it white, position it, rotate it a bit with transform translate() and move it left, top to overlay slightly on top, set the parent to position relative, I think you get the idea