Рейтинг

Рейтинг - показатель, отображающий важность или значимость определенного объекта.
Это достаточно популярный элемент интерфейса в виде блока с пятью звездами, где закрашенные звезды отображают пользователю рейтинг чего либо.

Статический вывод

Статический вывод - вывод значений для просмотра, где для блока задается значение в процентах.
Таким образом, есть возможность градации от 1 до 100, что позволит более точно визуально закрашивать нужное количество звезд и информация более доступно воспринимается пользователем.
Статический вывод подойдет для таких элементов как: рейтинги товаров, рейтинги отзывов и т.д..

<div class="ob-block-rating">
    <div class="inner" style="width: 60%;"></div>
</div>

Вывод с элементами управления

Вывод с элементами управления позволяет устанавливать значение рейтингу, путем нажатия на соответствующую иконку.
В данном типе вывода присутствует дополнительный блок , в котором находятся элементы управления и , в который записываются значения после их установки. Это позволяет передавать их после отправки формы и обрабатывать позже при составлении рейтингов.
Управляемый рейтинг имеет такой же внешний вид, как и статический, но закрашивание звезд проискодит динамически, когда пользователь наводит мышь на звезды. Таким образом, заполнение рейтинга становится более интуитивным и понятным пользователю.

<div class="ob-block-rating">
    <div class="inner"></div>
    <div class="rating-values js-block-rating">
        <span data-count="1"></span>
        <span data-count="2"></span>
        <span data-count="3"></span>
        <span data-count="4"></span>
        <span data-count="5"></span>
    </div>
    <input type="hidden" value="" />
</div>