35 lines
1019 B
JavaScript
35 lines
1019 B
JavaScript
var width = 100,
|
|
perfData = window.performance.timing, // The PerformanceTiming interface represents timing-related performance information for the given page.
|
|
EstimatedTime = -(perfData.loadEventEnd - perfData.navigationStart),
|
|
time = parseInt((EstimatedTime/1000)%60)*100;
|
|
|
|
// Percentage Increment Animation
|
|
var PercentageID = $("#percent1"),
|
|
start = 0,
|
|
end = 100,
|
|
durataion = time;
|
|
animateValue(PercentageID, start, end, durataion);
|
|
|
|
function animateValue(id, start, end, duration) {
|
|
|
|
var range = end - start,
|
|
current = start,
|
|
increment = end > start? 1 : -1,
|
|
stepTime = Math.abs(Math.floor(duration / range)),
|
|
obj = $(id);
|
|
|
|
var timer = setInterval(function() {
|
|
current += increment;
|
|
$(obj).text(current + "%");
|
|
$("#bar1").css('width', current+"%");
|
|
//obj.innerHTML = current;
|
|
if (current == end) {
|
|
clearInterval(timer);
|
|
}
|
|
}, stepTime);
|
|
}
|
|
|
|
// Fading Out Loadbar on Finised
|
|
setTimeout(function(){
|
|
$('.pre-loader').fadeOut(300);
|
|
}, time); |