使用phonegap和Jquery爲正在下載的文件添加進度條

Question

我正在嘗試進行下載操作的進度條。這是我的代碼。我不能夠設置在進度條的值，即使讀音字能夠獲得價值

<div id = "progressbar" class="progress progress-striped active" style="display:none"><div id="progress-label" class ="bar">Loading...</div></div> 
<script> 
     $(function() { 
        var progressbar; 
     progressbar = $("#progressbar"), 
     progressLabel = $(".progress-label"); 
     progressbar.progressbar({ 
      value: false, 
      change: function() { 
       progressLabel.text(progressbar.progressbar("value") + "%"); 
      }, 
      complete: function() { 
       progressLabel.text("Complete!"); 
      } 
     }); 
    }); 

      var ft = new FileTransfer(); 
      $("#progressbar").show(); 
      ft.onprogress = function(progressEvent) { 
      perc = Math.floor((progressEvent.loaded/progressEvent.total) * 100); 
      progressbar.progressbar("value", perc); 
      } 
</script> 

Answer 1

我想這

$("#progressbar").val(perc); 

不起作用？

這可能是正確的語法來更新您的進度：

$("#progressbar").progressbar({ 
    value: 35 
}); 

根據this（，還有更多的相關信息）。 您也可以嘗試another way。

Answer 2

我只是測試這一點，這應該爲你工作：

var ft = new FileTransfer(); 
       $("#progressbar").show(); 
       ft.onprogress = function(progressEvent) { 

       perc = Math.floor((progressEvent.loaded/progressEvent.total) * 100); 

       $("#progressbar").progressbar({value:perc}); //changed this line 

       }