jQuery Bar Rating Plugin works by transforming a standard select field into a rating widget. The rating widget can be flexibly styled with CSS. Take a look at a few examples.

Check out Documentation github

1/10 Rating

Use id="demo-1to10" to see default rating

Movie Rating

Use id="demo-movie" to see movie rating

Square Rating

Use id="demo-square" to see square rating

Pill Rating

Use id="demo-pill" to see pill rating

Reverse Rating

Use id="demo-reversed" to see reverse rating

Horizontal Rating

Use id="demo-horizontal" to see horizontal rating

Font Awesome Rating

Use id="demo-fontawesome" to see font awesome rating

CSS Stars Rating

Use id="demo-css" to see css stars rating

Fractional Star Rating

Use id="demo-fontawesome-o" to see fractional star rating

Current rating:
DashboardKit Customizer
Header settings

Sidebar settings

Layout settings