Как сделать такой range slider (разное расстояние между пунктами)?

Question

[Happy-Child]

Проблема следующая - не могу понять как сделать такой range slider:


Должно быть 4 пункта, но они на разном расстояние друг от друга, в этом и проблема.
Находил кучу плагинов для этого элемента, но везде расстояние между пунктами одинаковое.

Кроме варианта писать свой велосипед, подскажет кто другие варианты?

Answer 1

[monochromer]

Если Вы видите перед собой слайдер ([type="range"]), то не обязательно делать его с помощью такого типа поля. Можно взять группу радио-переключателей, и тогда сделать какое угодно оформление.

Answer 2

[Ankhena]

Можете поставить что угодно на каком угодно расстоянии