Create a circle with dev

by Ankit Patidar

HTML

<div class="circle"></div>
<div class="donut1"></div>
<div class="donut2"></div>
<div class="circle4"></div>

CSS

.circle{
      border-radius: 100%;
      border: 2px solid;
      height: 400px;
      width: 400px;
      background:conic-gradient(green 25%, gray 0%);
    }
    .donut1{
      border-radius: 100%;
      border: 2px solid;
      height: 400px;
      width: 400px;
      background: radial-gradient(white 40%, transparent 41%), conic-gradient(green 25%, gray 0%);
    }
    .donut2{
      border-radius: 100%;
      border: 2px solid;
      height: 400px;
      width: 400px;
      background: radial-gradient(white 40%, transparent 41%), conic-gradient(#FF5722 0% 35%, #FFEB3B 35% 60%, #2196F3 60% 100%);
    }