CSS Circle Rating


There is a user rating. Ballroom. From 1 to 100. In increments of one. How can I display the number of ratings as a fillable circle in CSS?

Those. there is a circle, and depending on its filling, the rating, the number of points changes.

How can this be inferred?


Pure CSS (Chrome, Internet Explorer 10+, FireFox 5+, Opera 12+):


Random fiddle:

Scroll to Top