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
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