title: how to create circle that cut off one piece with css
body: <p>I want create one circle with CSS that cut off one piece (like pizza :D) but I don't know about it. please guide me how to create one circle like pizza that one piece cut off.</p>
  
  <p>this is my code :
  <strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="state"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.state {
  position: absolute;
  height: 44px;
  width: 44px;
  right: 5px;
  top: 0;
  border: 3px solid transparent;
  border-radius: 25px;
  z-index: 1;
  border-color: #82ba00
  }
  </code></pre>
  
  <p>I want create this image :</p>
  
  <p><img src="https://i.stack.imgur.com/7uuLh.png" alt="enter image description here"></p>