Как сделать такой progress bar?

Question

[qo_0p]

Нужно сделать такой прогресс-бар:

С самим прогресс-баром понятно, его легко можно сделать, а вот что делать с вертикальной палочкой?
Поясню. Прогресс-бар показывает процент выполнения задачи, а палочка показывает сколько времени прошло/осталось.
Например, сроки выполнения задачи с 01.11.2015 по 30.11.2015, а сегодня 10.11.2015 и выполнено 50% задачи тогда должно быть как на верхнем рисунке.
Подскажите, как это лучше реализовать?

Answer 1

[Илья Белобородов]

С названиями классов накосячил, но вот
https://jsfiddle.net/zy3v2ght/2/

Answer 2

[Николай]

Вертикальную палочку через position:absolute и смещение от левого края ставить. А смещение считать я думаю понятно как. Мне кажется это самый простой и логичный вариант.