Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Pie Chart using CSS3

Pie Chart using CSS3


I'm trying to create a symmetrical pie-Chart with 6 pieces of 60 degrees each using html and CSS3 (only).

I've come across this article but doesn't quite understand the concept.

Can anyone help me with it or explain what is .pieSliceBlue, .hold and .pie classes in the link above responsible for?

Problem Courtesy of: ptamzz


Try this:

It is far more easier to use this JQuery and CSS, just need to give the values and Pie Chart will be created automatically.

Solution courtesy of: Varun Goel


View additional discussion.

This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Pie Chart using CSS3


Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription