文件上传进度条提示框

1、html提示框

        

            

                

                    
正在上传中...
                
                

					
				
                
                

                    正在上传中，请勿关闭或刷新页面！
                
            
        
    

2、提示框样式

3、js

//上传进度条JS
function showWaiting() {
　　$('#waitingModal').modal({
　　　　keyboard: false,
　　　　backdrop: 'static',
　　　　show: true
　　});
}
function hideWaiting() {
　　$('#waitingModal').modal('hide');
}

4、在ajax中的使用

$.ajax({
      url: ctx + 'section/update', 
      type: 'POST', 
      data: uploadFile ,
      contentType: false, //不设置内容类型  
      processData:false,
      beforeSend:function(){
          showWaiting();//提交时调用提示框
      },
      complete:function(){       
      	  hideWaiting();//执行完隐藏提示框
      },
      success: function(r) {
      	 
      }, 
      error: function(r) {
      	    	
      } 
}); 

5、效果展示：