CSS
.container {
width : 200px;
height : 200px;
margin : auto;
position : relative;
top: 50px;
}
.total {
width: 200px;
height: 200px;
display: block;
border-radius: 50%;
float: left;
background-image: linear-gradient(-90deg, transparent 50%, red 50%),
linear-gradient(0deg, transparent 50%, green 50%),
linear-gradient(45deg, transparent 50%, yellow 50%),
linear-gradient(90deg, transparent 50%, orange 50%);
}
