How do you get this star rating?

[Pearlaqua]

may have written or even a flame (but it is with such stars, rounded)

The point is that filling styles (e.g. style=50%) can be painted only half, 2 and a half digits)

[meriah]

Well, that's very elementary. ♪

.stars{
  color: gold;
  font-size: 5em;
  display: inline-block; /* это чтобы размер блока подстраивался под контент */
}
.stars .inner{ 
  overflow: hidden; /* скрывать всё, что за границей блока */
}

<div class="stars"><div class="inner" style="width: 50%">★★★★★</div></div>

You can do that.

.stars{
  color: gold;
  font-size: 5em;
  display: inline-block;
}
.stars span{
  position: absolute;
}
.stars span::before {
   content: "☆☆☆☆☆";
}
.stars .inner{ 
  overflow: hidden;
}
.stars .inner::before {

content: "★★★★★";

}

<div class="stars"><span></span><div class="inner" style="width: 50%"></div></div>