How do I stylize the input range?

Question

Hello, everyone!
Can you suggest a plugin or how to stylize the input range that would fix the progress in 4 positions.

Comments

I would remove the native stripe. I would draw a nice one in the background.
And then max=3 step="1".

Answer 1

seiyria.com/bootstrap-slider/#example-13

Comments

Can you please tell me without plugging in the bootstrap?

Answer 2

Try it: https://refreshless.com/nouislider/
Easy to work with, a lot of settings. And you can style it however you want.

Answer 3

Ideally set input min="0", max="100", step="25".
For external styling, look up input type range pseudo element properties in the search engine. If I'm not mistaken, they are different for different browsers.