How to make such a circle on svg?

Question

SVG

There is such a circle

How to make it on SVG, so that you can change it (color + size). For example, for grade 2 there would be only 20% occupancy, and so on.

Answer 1

Code Example
Code Example #2