How to make an ellipse half-filled stroke effect?

Question

HTML

I want to make an ellipse that has a stroke width of about 5 px, and has 25% fill for example.

Something like that

Answer 1

Something like that:
Substitute your numbers, this is an example))
If you repeat the example exactly, you will need three ellipses centered on one point. The bottom white is 7px thick with a shadow, gray is already 5px above it, and the top one is just a percentage. This scale can also be animated to show the process.