Bootstrap，來自Twitter，是目前最受歡迎的前端框架。 Bootstrap 是基於HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得Web 開發更加快捷。
bootstrap 框架提供的進度條，如菜鳥教程裡面的這些代碼
<div><div role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"><span>40% 完成</span></div></div>
讓我這種真正的菜鳥一開始不知道該如何....讓其變為真正的進度條。不過進過百度幾下別人的之後，只要這個是要添加jquery代碼配合之下才能實現滴。我度呀度，終於實現如下，略帶高興。
<div id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static"> <div> <div > <span style="text-align:center;color:red">文件正在上傳請勿刷新頁面！ </span><br /> <div> <div> </div> </div> </div> </div> </div>
上面這段是，用彈出框裡麵包含進度條。不然怎麼實現一個開始讓其隱藏的呢？在用bootstrap 做進度條，或者固定的彈出框時，加上data-backdrop="static" 這句比較好，因為沒有這個修飾，你只要點擊下鼠標，彈出框就消失不見了。
<scripts> var p = 101; var stop = 1; function run() { p += 4; $("div[class=bar]").css("width", p + "%"); var timer = setTimeout("run()", 500); if (p >100&&stop<1) { p = 0; } } $('#BtnSubmit').click(function () { $('#myModal1').modal('show'); p = 0; stop = 0; run(); $('#UpLoad').submit(); }); </scripts>其實，bootstrap的進度條是通過css樣式進行展現的，所以只要不斷滴修改，style width的值，就可以顯示出來。當然我這個循環，重現刷新頁面才能重新隱藏掉進度條。若是，用post提交，然後根據返回值進行判斷，然後用$('#myModal1').modal('hide');將其隱藏，stop的值相應滴就改為1，不然會在一直跑滴。