Как реализовать данный рейтинг звезд?

Question

[maxPeople]

может кто писал,
или даже плагин ( но именно с такими звездами, по скругленности)\
суть в том, чтобы можно была задать стили заполняемости ( например style="50%" закрасится только 2 с половиной цифры)

Comments

[Антон Литвиненко]

Именно такие звезды делаются картинками

[maxPeople]

Антон Литвиненко, а как же иконочный щрифт? или просто псевдо

[Антон Литвиненко]

maxPeople, как вам удобнее

Answer 1

[Виктор Путин]

Самый простой вариант сделать так - codesandbox

Comments

[vikas_web]

Виктор Путин, а можно как -то увеличить отступы между звездочками? хотя бы на пиксель-два

[Виктор Путин]

vikas_web, Звезды это обычный свг-спрайт, можно им крутить как хочешь

[vikas_web]

Виктор Путин, в данном случае нужно его переделать в фигме? или как?

[Виктор Путин]

vikas_web, Да, в фигме делай нужные тебе звезды, а потом по моему примеру делай их фоном