jquery-easy progressbarの使用方法

1595 ワード

まずjsとcssを導入する
    
    
    
    

js progressbarのロード
var t = 0, timer = null;
 $(function () {
       //           
           startBar();
           $('#bar').progressbar({
               width: 400,//    
               height: 20,//    
               value: 0,//      0
               text: '{value}%',//           
               //              
               onChange: function (newValue, oldValue) {
                  //newValue        value  ,oldvalue      
                   if (newValue == 100) {
                   //       100%      
                       window.clearInterval(time_id);
                       time_id = null;
                   }
               }
           });
       })
       
         function addProgressBar() {
           t += 10;
           //    progressbar    
           $('#bar').progressbar('setValue', t);
       }
       //       
        function startBar() {
         time_id=setInterval(addProgressBar, 1000);
       }
       
         

progressbarの メソッドoptionsはすべてのプロパティを さない.resize widthコンポーネントサイズのリセットまたは
getValueはコンポーネントの の を していません. えば、KaTeX parse error:Expected'EOF',got'#'at position 3:('#̲bar').progressB…(’#bar’).progressBar(‘setValue’,10);