SVG Pie chart

HTML
<svg id="pie-one" width="100" height="100"> <circle id="two" r="25" cx="50" cy="50" title="good" /> <circle id="one" r="25" cx="50" cy="50" title="better" /> </svg>
LESS
#pie-one { background: yellowgreen; transform: rotate(-90deg); border-radius: 50%; overflow: hidden; circle { transition: 1s; fill: none; stroke-width: 50; } #one { stroke: blue; stroke-dasharray: 60 158; } #two { stroke: red; stroke-dasharray: 80 158; } }
JAVASCRIPT
Expand for more options Login