Заполните только половину звезды с SVG

Для рейтинговой системы я строю. Есть ли способ добавить класс css в этот пример svg, чтобы он показывал только половину заполненной звезды?

См. Jsbin: http://jsbin.com/cifip/2/

В этом примере текущая заливка имеет желтый цвет. Если я добавлю класс наполовину, я бы хотел, чтобы он показывал половину серого и имел желтый

Возможно ли это в SVG?