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