Gradient pie-chart

by phloe

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/conic-gradient -->

<div></div>

CSS

div {
  width: 100px;
  height: 100px;
}div {
  background: conic-gradient(
     red 12deg 36deg, orange 0 170deg, yellow 0 230deg);
  border-radius: 50%
}