Tengo un preload o progress que muestro antes de ser redireccionado a otra página.
Lo que deseo es que mientras se está cargando para abrir otra página, el div del progress vaya aumentándose hasta el 100%, al igual que un valor numérico (n/100).
Actualmente tengo el siguiente código:
var ajax_load = "<div class='progress'>" + "<div id='progress_id' class='progress-bar progress-bar-striped active' " +
"role='progressbar' aria-valuenow='20' aria-valuemin='0' aria-valuemax='100' style='width: 45%'>" +
"n/100</div></div>";
$("#menu_navegacion_inicio").click(function (ev) {
ev.preventDefault();
var href = $(this).attr('href');
$("#subpagina").html(ajax_load).load(baseUrl + href, function () {
});
});
En ajax_load llamo al progress, pero necesito que el valor del atributo aria-valuenow
, vaya aumentando hasta 100, y n
también aumente hasta 100, donde n/100.
Me gustaría poder pasarle valores mientras se empieza cargar la página, indicando el tiempo de demora, que comienza desde 0% hasta 100%, una vez terminada la carga del progress, se abra la página que solicité.
Estaba pensando usar alguna iteración y pasarle algo como esto:
........
.....
var valeur= valeur +10;
........
$('#progress_id').css('width', valeur+'%').attr('aria-valuenow', valeur);
$('#progress_id').append(valeur + '/100')
......
......
Pero no se como lo hago, si alguien sabe se lo agradecería bastante. No se si se entiende lo que expuse