Ext.Slider进度条使用

var slider = new Ext.Slider({
            renderTo: 'basic-slider', //进度条存放的标签（一般是div的id）
            width: 270,//进度条长度
            minValue: 1,
            maxValue: 100,
            clickToChange:true,   //允许单击改变进度值 
               listeners : {  
                     'beforechange' : function(slider, newValue, oldValue) {ShowChange(gjplay[newValue]);}, //进度条改变值之前触发
                     'changecomplete':function(slider, newValue){ChangeComplete(newValue);}   //进度条完成触发        
                }                    
          });

其中注意：function(slider, newValue, oldValue) 第一个是进度条对象，第二改变后的新值，第三原始值。

 

一般来说，进度条都与定时器一起使用。比如：

timeplayTool = setTimeout(function()
   {
    slider.setValue(playgjinit++,true);
    if(playgjinit<=SumCount)
     playCommand();  
   }, 50);