Я смотрю на это отображение рейтинга звезд в списке ul.В этом примере значение равно 4,5, поэтому последняя половина звезды - fa-star-half-alt. Существует ли простой способ легко изменить это так, чтобы я мог вычислить правильные звезды для другого десятичного значения (например, 3.1)?
<ul class="list-unstyled list-inline rating mb-0">
<li class="list-inline-item mr-0"><i class="far fa-star amber-text"> </i></li>
<li class="list-inline-item mr-0"><i class="far fa-star amber-text"></i></li>
<li class="list-inline-item mr-0"><i class="far fa-star amber-text"></i></li>
<li class="list-inline-item mr-0"><i class="far fa-star amber-text"></i></li>
<li class="list-inline-item"><i class="far fa-star-half-alt amber-text"></i></li>
<li class="list-inline-item"><p class="text-muted">4.5 (413)</p></li>
</ul>