Circle sectors

HTML
<div class="container"> <div class="total"> </div> </div>
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%); }
JAVASCRIPT
Expand for more options Login