Как сверстать шкалу (фото)?

Question

[DieZz]

Подскажите как сверстать шкалу как на изображении? Идей как "правильно" сделать совсем нет.

Answer 1

[Александр Зачиналов]

Ну обычный input type="range". Шкалу элементами с левыми и правыми бордерами, в них же на абсолюте цифры выводите. Это один из способов... или вы ждали что вам готовое вынесут? =)) готовое и похожее можно подсмотреть ionden.com/a/plugins/ion.rangeslider

Comments

[DieZz]

Готовое то я не ждал, сам принцип хотел понять) Сомневаюсь что range пойдет, поскольку интервалы шкалы не идентичные.

[Александр Зачиналов]

если использовать js-бибиотеки, типа ionslider или nouislider то этими диапазонами можно управлять

Answer 2

[Андрей]

Посмотрите вот здесь и здесь,может что-то для себя отметите