How to make a pie chart with pure CSS?

Question

css

I want to do this:

But the problem is that I can't make a blue stripe around a gray one.
The gray one is an empty chart (0%)
The blue one is already with data for example (27%, 84% or 47%....)
Update: I'm sorry, I didn't formulate my question correctly. I made a gray diagram, but the problem is that now I want to put a blue one on it with a class. This is where the problem is. Doesn't come out at all.
Let's say there is:
<div class="circle">37%</div>
And now you still need to carry a class on it, so that it would turn out like in the picture.

Answer 1

If you do what you want, i.e. set an arbitrary percentage in such a construction
Alternatively, you can do it using svg

Answer 2

or 100 preprocessor-generated classes using css or svg triangles or a sprite for 100 images))