CSS Circle Rating

Question:

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?

Answer:

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

jQuery:

Random fiddle:

Scroll to Top