?
GR0V Shell
GR0V shell
Linux www.koreapackagetour.com 2.6.32-042stab145.3 #1 SMP Thu Jun 11 14:05:04 MSK 2020 x86_64
/*
name: Fx.ProgressBar
description: Creates a progressbar with WAI-ARIA and optional HTML5 support.
license: MIT-style
authors:
- Harald Kirschner <mail [at] digitarald [dot] de>
- Rouven Weßling <me [at] rouvenwessling [dot] de>
requires: [Core/Fx, Core/Class, Core/Element]
provides: Fx.ProgressBar
*/
Fx.ProgressBar = new Class({
Extends: Fx,
options: {
text: null,
url: null,
transition: Fx.Transitions.Circ.easeOut,
fit: true,
link: 'cancel',
html5: true
},
initialize: function(element, options) {
this.element = document.id(element);
this.parent(options);
var url = this.options.url;
this.useHtml5 = this.options.html5 && this.supportsHtml5();
if (this.useHtml5) {
this.progressElement = new Element('progress').replaces(this.element);
this.progressElement.max = 100;
this.progressElement.value = 0;
} else {
//WAI-ARIA
this.element.set('role', 'progressbar');
this.element.set('aria-valuenow', '0');
this.element.set('aria-valuemin', '0');
this.element.set('aria-valuemax', '100');
if (url) {
this.element.setStyles({
'background-image': 'url(' + url + ')',
'background-repeat': 'no-repeat'
});
}
}
if (this.options.fit && !this.useHtml5) {
url = url || this.element.getStyle('background-image').replace(/^url\(["']?|["']?\)$/g, '');
if (url) {
var fill = new Image();
fill.onload = function() {
this.fill = fill.width;
fill = fill.onload = null;
this.set(this.now || 0);
}.bind(this);
fill.src = url;
if (!this.fill && fill.width) fill.onload();
}
} else {
this.set(0);
}
},
supportsHtml5: function () {
return 'value' in document.createElement('progress');
},
start: function(to, total) {
return this.parent(this.now, (arguments.length == 1) ? to.limit(0, 100) : to / total * 100);
},
set: function(to) {
this.now = to;
if (this.useHtml5) {
this.progressElement.value = to;
} else {
var css = (this.fill)
? (((this.fill / -2) + (to / 100) * (this.element.width || 1) || 0).round() + 'px')
: ((100 - to) + '%');
this.element.setStyle('backgroundPosition', css + ' 0px').title = Math.round(to) + '%';
this.element.set('aria-valuenow', to);
}
var text = document.id(this.options.text);
if (text) text.set('text', Math.round(to) + '%');
return this;
}
});
T1KUS90T