<div class="chart"></div>
.chart {
background: conic-gradient(
#f15854 4%,
#4d4d4d 0 8%,
#5da5da 0 17%,
#decf3f 0 48%,
#b276b2 0 54%,
#faa43a 0
);
border-radius: 50%;
height: 0;
padding-top: 100%;
}
body {
margin: 2rem auto;
max-width: 250px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.