一、在页面中加入如下代码
<div class="modal fade" tabindex="-1" role="dialog" id="waitingModal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">正在操作中...</h4> </div> <div class="modal-body"> <div class="progress"> <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 100%"> <span class="sr-only">100%</span> </div> </div> </div> <div class="modal-footer"> <button type="button" disabled class="btn btn-default" data-dismiss="modal">正在操作,请勿关闭或刷新页面!</button> </div> </div> </div> </div>
     <script>
              function showWaiting() {
                    $(‘#waitingModal‘).modal({
                          keyboard: false,
                          backdrop: ‘static‘,
                          show: true
                    });
              }
              function hideWaiting() {
                    $(‘#waitingModal‘).modal(‘hide‘);
              }
        </script>
二、使用的地方
显示:showWaiting()
隐藏:hideWaiting()
三、效果
  
原文:http://www.cnblogs.com/songxingzhu/p/8000388.html