Оформление блока графика работы

[Mary_RND]

Доброго времени суток.
Очень нужен ваш совет, по оформелнию, прикрепила картинку примера

Есть расписание работы, по картинке видно, что полоски по длине меняются относительно друг друга (установленного времени)

Не могу определиться с методом, который использовать, сперва хотела сделать slider, но через jQuery UI Slider выйдет как-то громоздко...

Есть ли метод проще или можно сделать это чисто с помощью стилей?

Спасибо.

[Sensei]

Можно, конечно, вручную в стилях задать свойства, но лучше скриптом https://jsfiddle.net/1xf58wv1/

P.S. учите js)

[Mary_RND]

17 часов назад, Sensei сказал:

Можно, конечно, вручную в стилях задать свойства, но лучше скриптом https://jsfiddle.net/1xf58wv1/

Красиво  *_*

 

17 часов назад, Sensei сказал:

P.S. учите js)

С js у меня очень странная история изучения, скажем приходилось учить его на ходу... потом получилось так он был не нужен и времени на него отдельно не было =_=

Сейчас я опять работаю с js, вроде делаю-делаю и врезаюсь в стену... Т___Т

Будто пробелы в знание, из-за того что изучила его на ходу, так еще бы понять где эти пробели.