このようなモーダルボックスに進行状況バーを作成します
<div class="progress progress-info">
<div class="bar" style="width: 0%"></div>
</div>
このように ajax で div の内容を変更します
function download_inicio()
{
$.ajax(
{
url:'/inicio',
cache: false,
type: 'GET',
}).done(function(web)
{
$('#contenido_nav_principal').fadeOut(600,function()//hide the div
{
$('#contenido_nav_principal').empty();// empty the div
$('#contenido_nav_principal').html(web);//changing html
$('#contenido_nav_principal').fadeIn(600);// fade in the div
});
});
}
サーバーから受信したデータのパーセンテージでプログレスバーを更新したい...データは、url:/inicio から受信した html です
サーバーはnodejs上にあり、リッスンしています
app.get('/inicio',routes.inicio.inicio);
すべてtnx!