jColourStrip: A jQuery Gradient Colour Bar

On December 5, 2011, in Coding, General, by MikeMurko

Here’s a fun little plugin I wrote. I wanted some really neat syntax to display little coloured bars that go from 0% to 100% width and as they grow they change colour from say red to green.

It’s very tiny, and easy to use.

Here’s all the syntax you need on your page to make it work (Note 0.2 is the percentage of the bar that is complete):

$('.default').jColourStrip();
<div class="default" title="0.2"></div>
  • Paz6863

    Thank you Mike,

    This is exactly what I was looking for! Simple and effective.

    Regards Paresh



Weboy