Así que estoy pensando en hacer un captador de enlaces gravatar y me gustaría agregar una pantalla de carga, pero no sé cómo obtener el progreso de carga con JavaScript al cargar activos HTML y CSS
let loadingpercent = percent(); function LoadProj() { document.write("Hold On, your request is loading.<br> " + loadingpercent); } function percent() { //Code Goes here return NaN; } <input type="button" onClick="LoadProj()" value="LoadMe">Puede almacenar el porcentaje en una variable y el intervalo en el que debe incrementarse el progreso en otra (en ms).
Luego, en su función LoadProj , incremente el porcentaje y establezca el innerHTML interno del cuerpo en el valor correcto. Verifica si el porcentaje no es 100. Si no lo es, podemos usar setTimeout para llamar a LoadProj nuevamente con un retraso, en nuestro caso, loadInterval . Si es , sabe que ha terminado de cargarse y puede manejarlo en consecuencia.
var percent = 0; var loadInterval = 100; function LoadProj() { percent++; document.body.innerHTML = "Hold On, your request is loading. " + percent; if (percent != 100) { setTimeout(LoadProj, loadInterval) }else{ //Finished loading! Your code here... console.log('Finished loading!') } } <input type="button" onClick="LoadProj()" value="LoadMe">