Как реализовать вид рейтинга товара woocommerce графическими полосами?
Считаете долю оценок в процентах и делаете фон в зависимости от этого, например градиентом.background: linear-gradient(to right, #f7ed34 0%, #f7ed34 80%, #bbb 80%, #bbb 100%);
блок с рейтингом заливаешь фоном (см. картинго ниже), ширина блока равна ширине картинке, высота равна половине высоты картинки, сверху накладываешь слой с точно такой же высотой и шириной в требуемых  процентах, фоном та же картинко, но цветная половинка
позволяет показывать дробный рейтинг 4,3 например и тд.
банальная метода, посмотрел бы для примера на любом адекватном магазине...
вот картинко:spoiler