用CSS3餅圖樣式進度條？

Question

是否有任何庫或例子如何創建餅圖樣式與CSS3進度條？

Answer 1

畫布或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

餅圖is possible純css但動畫它可能並不容易。