How do I make this animation?

Check out the “skillmeters” on this site, how would I do this? I can make a progress-bar that fills up with a css keyframe-animation but how should I do to make it a circle that fills like this? If I make a circle in a circle and use keyframe-animate width it would fill from one side to another, and not around like this one?

Anyone know how to do this?

Launch the web page.

Right-click on the page and “View Page Source…”

Read the source code. All of the resources used can be found therein.

That’s what we would have to do.

never mind

The circle in that animation is done with drawing on the “canvas” and animated with js and is not a css3 animation.

This is the best I could come up with css alone.

I’m sure there’s a better way to do it. It could be made smoother with more elements.