CSS: pie chart

Example. Pie chart

<div class="xpiechart"></div>

.xpiechart {
 width: 200px;
 height: 200px;
 border-radius: 50%;
 background-image: conic-gradient(red 0turn 0.2turn, yellow 0.2turn 0.76turn, green 0.76turn 0.94turn, blue 0.94turn 1turn);
}

• CSS: Angle Units (deg rad grad turn)