Animated Circular bar on hover

Posted by Anthony on Stack Overflow See other posts from Stack Overflow or by Anthony
Published on 2012-06-09T22:34:16Z Indexed on 2012/06/09 22:40 UTC
Read the original article Hit count: 274

Filed under:
|
|
|
|

I'm building a portfolio website and want to implement a skill set page which feature an animated circular bar which represent each of my skills. There will be 6 buttons around the circle which when the user hovers over, and when one is hovered I want a circular bar to animate anti-clockwise.

I've made a quick .gif in photoshop to demonstrate But I can't find any tutorial to help.

I found this website which features a similar concept on the left hand side at the top, an animated pie chart - Website Example

And this is a quick .gif Mockup I did in photoshop of what I am trying to achieve - Animated Circular Bar Animation

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about css3