Как сверстать подобный таймлайн с заполнением при скроле?

Question

[bQ1]

Как сверстать подобный таймлайн с заполнением полосы при скроле?

Пример

Answer 1

[RAX7]

Comments

[bQ1]

Спасибо!

[RAX7]

bQ1, пожалуйста=)

[bQ1]

RAX7, У Вас это уже где то использовалось или Вы специально писали? Долго?

[RAX7]

bQ1, от нечего делать написал. Не долго

Answer 2

[Adik Izat]

Попробуйте использовать скрипты по работе с элементом canvas.

$(window).scroll(function(){
 allHeight = body.height()//высота бадика
 curHeight = $(this).top()//насколько прокручено
// тут работа с канвас библиотекой и чики пики
})

Comments

[Adik Izat]

Вот ссылочка для понимания основ.