How to make such a slider with different distance?

Question

css

How to make such a slider with different distance?


It turns out that I can make the slider like this, but it goes from 0 to 100, and the middle goes 50, and on the layout the middle should be 30, the slider itself should be without step, go smoothly. Who knows how to solve such a problem?

Answer 1

I don’t know what you use for the slider, but for example there is https://seiyria.com/bootstrap-slider/#example-14