基於JQUERY BOOTSTRAP 最簡單的loading遮罩層 原

<%--loading遮罩層--%>
<div class="modal fade" id="loadingModal" backdrop="static" keyboard="false">
    　　<div style="width: 200px;height:20px; 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;">
    　　　　　　<div class="progress-bar" style="width: 100%;"></div>
    　　　　</div>
    　　　　<h5 id="loadText">loading...</h5>
    　　</div>
</div>
<%--loading方法--%>
<script type="text/javascript">
    var loadingTime= 5;//默認遮罩時間
    showLoading = function (loadText) {
        if(!loadText){
            $("#loadText").html(loadText)
        }
        $('#loadingModal').modal({backdrop: 'static', keyboard: false});
    }
    hideLoading = function () {
        $('#loadingModal').modal('hide');
    }
</script>