Как стилизовать input range?

Question

[Alexander_Webov]

Всем привет!
Подскажите плагин или как стилизовать input range, что бы прогресс фиксировался в 4-х позициях.

Comments

[Ankhena]

Я бы убрала нативную полоску. На фоне нарисовала бы нужную, красивую.
И дальше max=3 step="1".

Answer 1

[iBird Rose]

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

Comments

[Alexander_Webov]

подскажите пожалуйста без подключения бутстрапа?

Answer 2

[Anton Polyakov]

В идеале выставить в input min="0", max="100", step="25".
А по внешней стилистике ищи свойства псевдоэлементов input type range в поисковике. Если не ошибаюсь, то для разных браузеров они разные.

Answer 3

[Сергей]

Попробуйте: https://refreshless.com/nouislider/
Удобный в работе, много настроек. И стилизовать можно как угодно.