0

I need to make circles that looks like the image:

nd
My current way to make a circle :

.circle {
  text-align: center;
  width: 16px;
  height: 16px;
  background-color: red;
  border-radius: 100px;
  margin-top: 6px;
}

I'm not sure how to make a semi circle and quarter circle with two different colors. Please help. Thank you.

hatched
  • 795
  • 2
  • 9
  • 34
  • related: https://stackoverflow.com/questions/52205399/percent-pie-chart-with-css-only (until I find a better duplicate) – Temani Afif Apr 15 '20 at 13:40
  • A [quarter](https://stackoverflow.com/questions/46874095/css-how-do-i-make-a-1-4-circle-that-is-100vh) and a [semi-circle](https://stackoverflow.com/questions/17595147/semi-oval-with-css#) – GalAbra Apr 15 '20 at 13:40

0 Answers0