Задать вопрос

Рисование нестандартного элемента или можно обойтись (необходимо изобразить «шкалу термометра» для выбора времени)?

Пришла в голову моему дизайнеру вот такая штука:
9b3eba638aa040fd8bf284a635f3ebbb.jpg
Выбираете вы день в чекбоксе и появляется вот такая "шкала", для выбора времени занятий.

Проблем не возникало (вот так выглядит "проблем не возникало"), пока не пришлось нарисовать синюю линию, ведущую от одной точки к другой.
Мне приходили в голову :after{background-image: url(...);} , а высоту буду вычислять по разнице между точками.

Но я побоялся взорвать интернет и решил спросить:
есть ли гуманный способ ? Какой-то тул, или способ на чистом js, возможно ?

p.s.
Дизайнера нельзя поменять.
Дизайн утвержден.
Меня можно поменять, но пусть это будет между нами.
Гугл мне не помог.
  • Вопрос задан
  • 731 просмотр
Подписаться 3 Комментировать
Подписчики вопроса 3 К ответам на вопрос (0)