Drawing animated arc with pure CSS

Question

I know it is possible to draw and animate arcs in svg and canvas. However, is it possible in css?

I have created an arc using the following method:

.         


        

Answer 1

You might want to check out this article, Chris Coyier has done a article on pie chart animation which is basically the same as your demo if you remove the light blue background.

Article: http://css-tricks.com/css-pie-timer/

Demo: http://codepen.io/HugoGiraudel/pen/BHEwo