Ajax 實現加載進度條

 $.ajax({
 url : 'my_action',
 dataType: 'script',
 beforeSend : function(xhr, opts){
 if(1 == 1) //just an example
 {
 xhr.abort(); // 停止請求
 }
 },
 complete: function(){
 console.log('DONE');
 }
 });

 $.ajax({
 url : 'my_action',
 dataType: 'script',
 beforeSend : function(){
 // 設置 進度條到20%慢慢變到50%
 },
 complete: function(){
 // 設置 進度條到80%
 }
 success：function(){
 // 渲染頁面
 // 進度到100%
 }
 });