0

I'm using IcoMoon font icons. I would like to display a star icon 80% blue and 20% white like the image below. How would I achieve that?

enter image description here

Dmitry
  • 4,143
  • 10
  • 46
  • 57
  • Related - https://stackoverflow.com/questions/23569441/is-it-possible-to-apply-css-to-half-of-a-character – Paulie_D Mar 29 '18 at 15:20

1 Answers1

1

Here is what I usually use when i want to do a rating bar. enter link description here

<div class="ratings">
    <div class="empty-stars"></div>
    <div class="full-stars" style="width:85%"></div>
</div>

You just place two icons on top of each other and limit the width of the colored ones.

Guillaume Roche-Bayard
  • 377
  • 5
  • 17