41 lines
909 B
JavaScript
41 lines
909 B
JavaScript
|
/*
|
||
|
|
|
||
|
|
This has everything needed to show / hide the loading page.
|
||
|
|
|
||
|
|
example of how this would work:
|
||
|
|
|
||
|
|
user clicks login:
|
||
|
|
showLoading() is called;
|
||
|
|
feed the progress returns to the the updateProgress(x , y);
|
||
|
|
progress is updated until current = remains;
|
||
|
|
loading page is then hidden revealing the next page;
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
var bar;
|
||
|
|
var percent;
|
||
|
|
var loading;
|
||
|
|
|
||
|
|
window.addEventListener("load", function () {
|
||
|
|
loading = document.getElementById("loading-page");
|
||
|
|
bar = document.getElementById("loading-page-bar-progress");
|
||
|
|
});
|
||
|
|
|
||
|
|
function showLoading(){
|
||
|
|
loading.style.display = "flex";
|
||
|
|
}
|
||
|
|
|
||
|
|
function hideLoading(){
|
||
|
|
loading.style.display = "none";
|
||
|
|
}
|
||
|
|
|
||
|
|
function updateProgress(current , remain){
|
||
|
|
if(current != remain){
|
||
|
|
var percent = (current / remain) * 100 + "%";
|
||
|
|
bar.style.width = percent;
|
||
|
|
percent = document.getElementById("loading-page-bar-percent").innerHTML = percent;
|
||
|
|
} else {
|
||
|
|
hideLoading();
|
||
|
|
}
|
||
|
|
}
|