Как сделать анимацию заполнения границы элемента?

Question

[Сергей Шилов]

Вот есть у нас элемент — окружность с border: 5px solid #333; , а внутри окружности число 0%.
Задача такая: нужно, чтобы была анимация - заполнение бордера по часовой стрелке другим цветом и чтобы число менялось плавно от 0%, скажем, до 74%. Причем, чтобы заполнение границы круга было прямо пропорционально процентному соотношению числу внутри круга.

Дано:



Надо (но только, чтобы заполнение зеленым бордером шло от центра верха):

Answer 1

[Константин Китманов]

Первые же ссылки в гугле:
blakek.us/labs/jquery/css3-pie-graph-timer
Чисто CSS-анимация: jsfiddle.net/RrAVS

Comments

[Сергей Шилов]

Я не знал как правильно загуглить, спасибо)