Ajax and Extjs 进度条

<link rel="stylesheet" type="text/css" href="/extjs/ext-all.css">
 <script type="text/javascript" src="/extjs/ext-base.js"></script>
 <script type="text/javascript" src="/extjs/ext-all.js"></script>
 <script type="text/javascript" src="/extjs/ext-lang-zh_CN.js"></script>

 

<script type="text/javascript">

   var i=50;
  var total=0;
  var pbar1; //定义一个变量用于进度条对象
  var btn1; //定义一个变量用于进按钮对象

 

function importdata()
 { 

   $("wrongshow").value='';
   $("import").disable=true;  
            total =parseInt($("totalNum").value);
            showdiv();
    showprocess();
     location.href="${ctx}/datainterface/cbmimport.do?method=cbmdailyimport";          
     return;
 }

//显示导入进度
  
 function showdiv(){      
   Ext.onReady(function(){
    pbar1=new Ext.ProgressBar({ //实例化进度条
     renderTo:"process",  //进度条呈现的一个DIV
     width:600,    //进度条的宽度
     text:"导入数据准备..." //在进度条里的初始文本
    });        
   });
   //btn1=Ext.get("import");  //按钮对象
   //btn1.on("click",showprocess);  //按钮事件，单击时调用f1()函数
 }

 function showprocess(){
   var url = "${ctx}/datainterface/wellcbmbatch.do?method=getCbmCount";
   var myAjax = new Ajax.Request( url,{method: 'get',
            onSuccess: function(t){
            i = total-parseInt(t.responseText);
           pbar1.updateProgress(i/(total+1)); //让进度条更新到指定的进度。这个值是0-1之间的数，我让i/100.0,以让它的结果是一个小数
       pbar1.updateText("进度:"+ Math.round((i/total)*100*100)/100+"%"); //进度条显示的文本     
       if(i==total){    //当i==100的时候让按钮状态可以使用，并让i=1，再让进度条停止 
            document.getElementById("import").disabled=false;
            i=0;
            clearInterval(x);
     }
     document.getElementById("import").disabled=true; //让按钮的状态为不可用     
     setTimeout("showprocess()",200);//用setTimeout函数递归调用f1()函数，以达到进度条一直跑的效果
             }
          });
   } 

 </script>

 

 

//按钮

 <input type="button" name="import" id="import" value="数据导入" οnclick="importdata()"></td>