Added Daniel Diniz to authors for Grading Project Survey View.
/*
* jQuery Progress Bar plugin
* Version 1.1.0 (06/20/2008)
* @requires jQuery v1.2.1 or later
*
* Copyright (c) 2008 Gary Teo
* http://t.wits.sg
USAGE:
$(".someclass").progressBar();
$("#progressbar").progressBar();
$("#progressbar").progressBar(45); // percentage
$("#progressbar").progressBar({showText: false }); // percentage with config
$("#progressbar").progressBar(45, {showText: false }); // percentage with config
*/
(function($) {
$.extend({
progressBar: new function() {
this.defaults = {
increment : 2,
speed : 15,
showText : true, // show text with percentage in next to the progressbar? - default : true
width : 120, // Width of the progressbar - don't forget to adjust your image too!!!
boxImage : '/soc/content/images/progressbar.gif', // boxImage : image around the progress bar
barImage : '/soc/content/images/progressbg_green.gif', // Image to use in the progressbar. Can be an array of images too.
height : 12 // Height of the progressbar - don't forget to adjust your image too!!!
};
/* public methods */
this.construct = function(arg1, arg2) {
var argpercentage = null;
var argconfig = null;
if (arg1 != null) {
if (!isNaN(arg1)) {
argpercentage = arg1;
if (arg2 != null) {
argconfig = arg2; }
} else {
argconfig = arg1;
}
}
return this.each(function(child) {
var pb = this;
if (argpercentage != null && this.bar != null && this.config != null) {
this.config.tpercentage = argpercentage;
if (argconfig != null)
pb.config = $.extend(this.config, argconfig);
} else {
var $this = $(this);
var config = $.extend({}, $.progressBar.defaults, argconfig);
var percentage = argpercentage;
if (argpercentage == null)
var percentage = $this.html().replace("%",""); // parsed percentage
$this.html("");
var bar = document.createElement('img');
var text = document.createElement('span');
bar.id = this.id + "_percentImage";
text.id = this.id + "_percentText";
bar.src = config.boxImage;
bar.width = config.width;
var $bar = $(bar);
var $text = $(text);
this.bar = $bar;
this.ntext = $text;
this.config = config;
this.config.cpercentage = 0;
this.config.tpercentage = percentage;
$bar.css("width", config.width + "px");
$bar.css("height", config.height + "px");
$bar.css("background-image", "url(" + config.barImage + ")");
$bar.css("padding", "0");
$bar.css("margin", "0");
$this.append($bar);
$this.append($text);
bar.alt = this.tpercentage;
bar.title = this.tpercentage;
}
var t = setInterval(function() {
var config = pb.config;
var cpercentage = parseInt(config.cpercentage);
var tpercentage = parseInt(config.tpercentage);
var increment = parseInt(config.increment);
var bar = pb.bar;
var text = pb.ntext;
var pixels = config.width / 100; // Define how many pixels go into 1%
bar.css("background-position", (((config.width * -1)) + (cpercentage * pixels)) + 'px 50%');
if (config.showText)
text.html(" " + Math.round(cpercentage) + "%");
if (cpercentage > tpercentage) {
if (cpercentage - increment < tpercentage) {
pb.config.cpercentage = 0 + tpercentage
} else {
pb.config.cpercentage -= increment;
}
}
else if (pb.config.cpercentage < pb.config.tpercentage) {
if (cpercentage + increment > tpercentage) {
pb.config.cpercentage = tpercentage
} else {
pb.config.cpercentage += increment;
}
}
else {
clearInterval(t);
}
}, pb.config.speed);
});
};
}
});
$.fn.extend({
progressBar: $.progressBar.construct
});
})(jQuery);