使用CSS3的Pie风格进度条？

Question

是否有任何库或示例如何使用CSS3创建饼图样式进度条？

Answer 1

Canvas或SVG比CSS更适合。 （由于缺少圆圈段）。如果你去SVG，Raphaël可能是个不错的选择。这是(non-animated) pie chart，它将向您展示如何绘制细分。

Answer 2

基于SVG的图表的另一个很好的选择是d3.js。它是Protovis库的继承者，但更灵活，写得更好（从而更好地预成型）。此外，您可以使用CSS3设置SVG元素的某些属性，但不能像HTML样式那样。但是，CSS仍然有用，例如，您仍然可以在某些属性上使用转换。看一下W3C的Styling SVG文档（虽然知道它只讨论了CSS2）。

Answer 3

纯css中的饼图is possible，但动画可能并不容易。