Как сделать такую анимацию?

Question

[Максим]

Подскажите как сделать анимацию, чтобы слева направо заполнялось синим фоном..

Answer 1

[HamSter]

greensock в помощь!

пример*

Answer 2

[Grigory S.]

На SVG, анимировать path.

Comments

[Максим]

это трудно так сделать ?

[Grigory S.]

maxnrg33: codepen.io/jordanwade/pen/efbEp

[Максим]

Grigory S.: а если просто картинка в svg.. как узнать path

[Grigory S.]

maxnrg33: откройте её в текстовом редакторе

[Максим]

попробую

[farlow]

Grigory S.: Шикарно!

Answer 3

[farlow]

2 картинки - одна с синей полоской, другая нет
та что с синей - фоном в слое, который лежит сверху и ширину слоя увеличиваем постепенно до 100%

Answer 4

[Олег]

Как вариант на основе плагина jqwery jqplot

Answer 5

[Kensha]

snap.svg

Answer 6

[nuclear_kote]

Можно чистым css сделать сверху делаем картинку с альфа каналом и дырками дырками где будет анимация,а снизу делаем через css анимацию чтобы фон заполнялся синим слева направо

Comments

[farlow]

ага, я то же самое предложил