Вёрстка

Здравствуйте. Необходимо "проаинимровать"  следующий блок:

Задача:

Блок “Как мы работаем”:

-    при скролинге страницы голубая полоса начинает двигаться

-    выноски могут появляться по порядку через 0,5 сек.: те, которые еще не появились - серые и неактивные;

-    голубая полоса выглядит, как “загрузка” (косая рябь), продвигается с появлением выносок;

-    при наведении на любую выноску: она выдвигается (активная), жирниться шрифт и нумерация и полоса загрузки показывается относительно ее уровня;

-    саму полосу можно тоже двигать в -/+ и тогда также выдвигается крайняя выноска, куда подвинули.

-    разобраться с крайними положениями голубой полосы - не корректно отображается

Архив с материалами во вложении