Как решить данную задачу по вёрстке?

Question

[kiberlain]

Есть вот такая таблица (свёрстанная дивами) с таймлайном



Не могу придумать способ при котором блоки будут вести себя следующим образом



верстаю уже порядочно , но на такой задаче уже чуть мозг не сломал. Буду признателен за помощь

Answer 1

[Сергей Тутуков]

Это диаграмма Ганта.
Ищи подходящие js библиотеки.
Например

Comments

[Сергей Тутуков]

taitems.github.io/jQuery.Gantt
https://github.com/thegrubbsian/jquery.ganttView