基于jquery 的一个progressbar widge

2020-05-17 06:19:06易采站长站整理

.css(“line-height”, height + “px”);
}
else {
self.valueDiv.width(self.element.width());
}
self._setLabelSide();
if (self.options.indicatorImage !== “”) {
self.valueDiv.css(“background”, “transparent url(” + self.options.indicatorImage + “) repeat fixed”);
}
},
     ///refresh the progress
_refreshProgress: function (value) {
var self = this;
var ea = new $.Event(‘progressChanging’);
var nowValue = value * (self.max – self.min) / 100 + self.min;
var o = self.options;
var cancel = self._triggerEvent(“progressChanging”, self.element.attr(“aria-valuenow”), nowValue, false);
if (cancel) {
return;
}
if (self._isHorizontal()) {
self.valueDiv.toggleClass(o.fillDirection === “east” ? “ui-corner-right” : “ui-corner-left”, value === self.max).width(value + “%”);
}
else {
self.valueDiv.toggleClass(o.fillDirection === “south” ? “ui-corner-bottom” : “ui-corner-top”, value === self.max).height(value + “%”);
}
self.element.attr(“aria-valuenow”, nowValue);
var txt = self._getFormatString(o.labelFormatString, value);
self._setLabelsText(txt);
var _tooTip = self._getFormatString(o.toolTipFormatString, value);
self.element.attr(“title”, _tooTip);
},
     ///play progress animation.
_performAnimating: function (obj) {
var self = this;
var len = Math.floor(obj / self.options.indicatorIncrement);
obj = len * self.options.indicatorIncrement;
var o = self.options;
self._refreshProgress(obj);
if (o.labelAlign === “running”) {
if (self._isHorizontal()) {
var eleWidth = self.element.width();
var labelWidth = self.label.outerWidth();
var progressWidth = self.valueDiv.outerWidth();
var left = eleWidth === progressWidth ? eleWidth – labelWidth : obj * eleWidth / 100 – labelWidth + labelWidth * (eleWidth – progressWidth) / eleWidth;
self.label.css(o.fillDirection === “east” ? “left” : “right”, left);
}
else {
var eleHeight = self.element.height();
var labelHeight = self.label.outerHeight();
var progressHeight = self.valueDiv.outerHeight();
var top = eleHeight === progressHeight ? eleHeight – labelHeight : obj * eleHeight / 100 – labelHeight + labelHeight * (eleHeight – progressHeight) / eleHeight;
self.label.css(o.fillDirection === “south” ? “top” : “bottom”, top);
}
}
},
       //set the label’text
_setLabelsText: function (text) {
if (!this._isHorizontal() && this.options.labelAlign === “rightOrBottom”) {
this.label.html(‘<span style=’position:absolute;bottom:0px;text-align:center;width:’ + this.element.width() + ‘px;’>’ + text + ‘</span>’);