Анимация заполнения круга на css3

Question

[Сергей Виноградов]

Подскажите, как на css3 сделать плавное заполнение такого круга:



Уже гуглил и к сожалению ничего нужного не нашел (может плохо искал:)). Имею начальные знания, того как делать анимацию на css3.

P.S Есть идея, сделать прозрачной область полосы на картинке и залить фон градиентом, но как заставить все это анимироваться, понять не могу.

Answer 1

[itspers]

Берете вот это codepen.io/HugoGiraudel/pen/BHEwo
На фон засувуете еще один круг с серым и накрытваете свехру белым

Comments

[Сергей Виноградов]

То что надо, спасибо!)