利用Bootstrap 模态框（Modal）实现loading框效果

利用Bootstrap 模态框（Modal）实现loading框效果

<div class="modal fade" id="loadingModal" backdrop="static" keyboard="false">
    　　
    <div style="width: 200px;height:100px; z-index: 20000; position: absolute; text-align: center; left: 50%; top: 50%;margin-left:-100px;margin-top:-10px">
        　　　　
        <div class="progress progress-striped active"
             style="margin-bottom: 0;height:50px; text-align:center;line-height: 50px;font-size:large;">
              数据加载中,请稍候......　　　　
        </div>
        　　
    </div>
</div>

<script>
//展示loading框
showLoading = function ()
{
     $('#loadingModal').modal({backdrop: 'static', keyboard: false});
}
//隐藏掉loading框
hideLoading = function ()
{
     $('#loadingModal').modal('hide');
}
</script>

参考：https://www.runoob.com/bootstrap/bootstrap-modal-plugin.html