Как закрасить символ на половину?

Question

[dimatim1516]

Как закрасить одну звездочку на половину https://codepen.io/dimatim1516/pen/yLopeye

Answer 1

[andand44]

https://jsfiddle.net/zcmtb37x/
Выводить последнюю звезду поверх текущих звезд и обрезать эту звезду на сколько нужно. С цифрами нужно еще поиграться. Сейчас все сделано на глаз.

Comments

[dimatim1516]

везде vw проставил оно приблизительно правильно стоит, но при изменении ширины экрана начинает смещаться слегка, но заметно, подобрать нужные значения вручную это что не реальное

[andand44]

dimatim1516, C пикселями будет более предсказуемый результат. https://jsfiddle.net/ncy8bq3m/