| Server IP : 93.127.173.212 / Your IP : 216.73.216.200 Web Server : LiteSpeed System : Linux in-mum-web669.main-hosting.eu 5.14.0-503.23.2.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 12 05:52:18 EST 2025 x86_64 User : u479334040 ( 479334040) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u479334040/domains/newavevalves.com/public_html/assets/js/ |
Upload File : |
/*!
* https://github.com/umarwebdeveloper/jquery-css-skills-bar
* devsdesign: @umarwebdeveloper
* Licensed under the MIT license
*/
(function ( $ ) {
$.fn.skillBars = function( options ) {
var settings = $.extend({
from: 0, // number start
to: false, // number end
speed: 1000, // how long it should take to count between the target numbers
interval: 100, // how often the element should be updated
decimals: 0, // the number of decimal places to show
onUpdate: null, // callback method for every time the element is updated,
onComplete: null, // callback method for when the element finishes updating
/*onComplete: function(from) {
console.debug(this);
}*/
classes:{
skillBarBar : '.skillbar-bar',
skillBarPercent : '.skill-bar-percent',
}
}, options );
return this.each(function(){
var obj = $(this),
to = (settings.to != false) ? settings.to : parseInt(obj.attr('data-percent'));
if(to > 100){
to = 100;
};
var from = settings.from,
loops = Math.ceil(settings.speed / settings.interval),
increment = (to - from) / loops,
loopCount = 0,
interval = setInterval(updateValue, settings.interval);
obj.find(settings.classes.skillBarBar).animate({
width: parseInt(obj.attr('data-percent'))+'%'
}, settings.speed);
function updateValue(){
from += increment;
loopCount++;
$(obj).find(settings.classes.skillBarPercent).text(from.toFixed(settings.decimals)+'%');
if (typeof(settings.onUpdate) == 'function') {
settings.onUpdate.call(obj, from);
}
if (loopCount >= loops) {
clearInterval(interval);
from = to;
if (typeof(settings.onComplete) == 'function') {
settings.onComplete.call(obj, from);
}
}
}
});
};
}( jQuery ));