An open API service indexing awesome lists of open source software.

https://github.com/mre/jquery.ratingbar

Create graphical ratings (stars, bars) from text: 4/5 => ★★★★☆
https://github.com/mre/jquery.ratingbar

bar javascript rating ratingbar

Last synced: 4 months ago
JSON representation

Create graphical ratings (stars, bars) from text: 4/5 => ★★★★☆

Awesome Lists containing this project

README

          

jQuery ratingbar
================

Introduction
------------

This plugin is replacing a textual rating by a rating bar (like a level indicator) using CSS.
It degrades gracefully to simple text and is fully customizable (star ratings are a subset).
It supports jQuery easing animations.

Have a look into the examples folder.

Consider the following markup:



An awesome movie title
2005
Some guy looses his hat
95


What a bad movie title
1985
Gozilla ate my pants
25

By default you get two rating bars where "95" and "25" stood before.

Features
--------

- Custom layout (colors, images,...)
- Animation
- Dynamic update of ratings
- Graceful degradation

Demo
----

Take a look at the demos on the [project site][home].

Installation
------------

1. Put the included js and css folder into your projects root folder.

2. Include the following code somewhere between and of your website:





$(document).ready(function() {
$('.rating').ratingbar();
});


3. Put a rating-element into the body of the website. For instance:

80


That's it. Have fun!

License
-------

Copyright (c) 2010 Matthias Endler
http://matthias-endler.de

Dual licensed under the MIT and GPL licenses:
http://www.opensource.org/licenses/mit-license.php
http://www.gnu.org/licenses/gpl.html

See LICENSE.txt for details

[home]: http://www.matthias-endler.de/projects/ratingbar