I’ve written a simple JQuery plugin for a progress bar slider. It was inspired on Ben’s CSS progress bar, but I needed a more complete one that should be interactive, so I built this one that also leverages JQuery UI’s vertical slider.

You can see the plugin demo here. TIP: Inspect the source code to see how it works.

You can download the plugin code here.


$(function () {
  $("your element selector").progressbarslider();

Please feel free to leave me a feedback, suggestions and/or use it at your own will on your projects :)