jQuery Multi-bar v0.4.0

jQuery Multi-bar is a jQuery plugin which you can build custom progress bar with multi and personalized colors. The number and style of the colors are at your choice, so 'as the initial and final values. This allows you to create progress bar completely tailored to your needs. You can assign one or more values to the bar and you'll see them appear as a marker on the bar itself. And, if you want, you can decide to show also the legend of the value.

Unlike http://j-ulrich.github.com/jquery-ui-multiprogressbar plugin, this plugin adds the ability to include one or more markers that identify some points on the bar and show the relative legend.

Below you find a number of examples of using the plugin.

All info and updated code: https://github.com/teorossi82/jquery-multi-bar

Bar with single marker and default options

Bar with single marker with position inside and direction reverse (from max to min)

Bar with single marker and small size

Bar with multi marker and custom bar colors

Bar with multi marker and custom bar classes - 1

Bar with multi marker and custom bar classes - 2

Bar with some values of blocks hidden

Bar with all values of blocks hidden

Bar with multi marker, custom bar colors and legend

Bar with multi marker's custom style, custom bar colors and legend

Bar with multi marker, custom bar colors and legend with title and personalized style

Bar with shadow (shadow:"top_right")

Bar with scale of hot colors (type:hot)

Bar with scale of cold colors (type:cold)

Multi Bar Thermometer

Multi Bar Thermometer combined with type:"hot" and size:"small"