頁面讀取時增加進度條

  • 2621
  • 0

摘要:頁面讀取時增加進度條

今天想在查詢資料時(大量時)使頁面出現進度條的顯示,搜了一下發現這個方法可以用就記一下

step 1. 在<head></head>間增加css

step 2. 在<head></head>間增加javascript

step 3. 在<body>加onload 變成<body onload="remove_loading()">及在<body></body>內增加<div>如下

<div id="loader_container"> 
<div id="loader"> 
<div align="center">頁面正在載入中 ...
</div> 
<div id="loader_bg"><div id="progress"> </div></div> 
</div> 
</div>