10 examples of 'jquery progress bar while page loads' in JavaScript

17
function InitProgress(callback) {
18
    $(document).ready(function () {
19
        // initialize progress bar
20
        var progress = 0;
21
        $("#pbar").css("width", progress + "%").attr('aria-valuenow', progress);
22
23
        // initialize the connection to the server
24
        var progressNotifier = $.connection.initializerHub;
25
26
        // client-side sendMessage function that will be called from the server-side
27
        progressNotifier.client.sendMessage =
28
            function (message) {
29
                UpdateProgress(message);
30
            };
31
32
        // establish the connection to the server and start server-side operation
33
        $.connection.hub.start().done(
34
            function () {
35
                callback(progressNotifier.server);
36
            });
37
38
    });
39
}

37
function LoadingProgress(seconds){
38
	$("LoadingBar").style.visibility = "visible";
39
	
40
	y = y + progress;
41
	if(typeof(seconds) == "number" && seconds >= 0){
42
		if(seconds != 0){
43
			$("proceeding_img").style.width = Math.round(y) + "%";
44
			$("proceeding_img_text").innerHTML = Math.round(y) + "%";
45
			--seconds;
46
			setTimeout("LoadingProgress("+seconds+");", 1000);
47
		}
48
		else{
49
			$("proceeding_img_text").innerHTML = "<#Main_alert_proceeding_desc3#>";
50
			y = 0;
51
			setTimeout("hideLoadingBar();",1000);
52
			location.href = "index.asp";
53
		}
54
	}
55
}

69
function updateLoadingProgress(request) {
70
  if (request.lengthComputable) {
71
    // Calculates percent complete (as a whole number e.g. 80%)
72
    var completed = (request.loaded / request.total) * 100;
73
    document.getElementById('interactive-regular-expression-filter-loading-progress-bar').style.width = completed + '%';
74
  }
75
};

521
function updateLoadingProgress() {
522
	var percent = parseInt((fontsReturned/fonts.length)*100);
523
	var gradient = 	'linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,1) ' +
524
		(percent-5) +
525
		'%,rgba(255,255,255,0) ' +
526
		(percent+5) +
527
		'%,rgba(255,255,255,0) 100%)';
528
	$('#loading > div > div').css('background',gradient);
529
}

67
loadprogress() {
68
  if(this.tfirst === null) {
69
    this.tfirst = new Date();
70
  }
71
}

9
function progress(s) {
10
	$('#progress').text(s);
11
    }

195
function updateProgressBar(percent, status) {			
196
	$elements.toolBox.progressBar.progressbar({ value: percent });
197
	$elements.toolBox.progressBar.find("div").text(percent +"%");
198
	if (percent == 0) {
199
		$elements.toolBox.progressBar.data("status", "passed");
200
		$elements.toolBox.progressBar.find("div").removeClass("passed").removeClass("undefined").removeClass("failed");
201
		$elements.toolBox.progressBar.find("div").addClass("passed");
202
	} else if (status !== undefined) {
203
		var statusOrder = ["passed", "undefined", "failed"];
204
		var currentStatus = $elements.toolBox.progressBar.data("status");
205
		var currentStatusIndex = statusOrder.indexOf(currentStatus ? currentStatus : "passed");
206
		var newStatusIndex = statusOrder.indexOf(status);
207
		if (newStatusIndex > currentStatusIndex) {
208
			$elements.toolBox.progressBar.data("status", status);
209
			$elements.toolBox.progressBar.find("div").removeClass("passed").removeClass("undefined").removeClass("failed");
210
			$elements.toolBox.progressBar.find("div").addClass(status);
211
		}
212
	}
213
}

24
function moduleLoadProgress(event)
25
{
26
    var loadPercent = -1.0;
27
    if (event.lengthComputable && event.total > 0)
28
    {
29
		loadPercent = event.loaded / event.total * 100.0;
30
    }
31
	$("#progress_nacl").attr("value",loadPercent/100);
32
}

39
function setProgress(progress) {
40
  attachment.setUploadProgress(progress); 
41
}

42
function updateProgress(progress)
43
{
44
    $('#world-generation-progress-bar').css('width', (progress*progress*100.0)+"%");
45
    if(progress >= 1.0)
46
    {
47
        $('#generation-info').hide();
48
        $('#start-button').removeClass("hidden");
49
    }
50
}