生成jQuery UI進度條

Question

我正在使用第三方服務來處理圖像，它們提​​供了一個方便的jQuery插件。該插件可以輸出關於上傳傳輸的反饋，並且我希望將其顯示爲jQuery UI中的一個很好的jQuery進度條。

這裏是他們給的例子目前只是顯示爲文本傳輸狀態：

$('#MyForm').transloadit({ 
    modal: false, 
    onProgress: function(bytesReceived, bytesExpected) { 
    // render your own progress bar! 
    $('#progress') 
     .text((bytesReceived/bytesExpected * 100).toFixed(2)+'%'); 
    }, 
    onError: function(assembly) { 
    alert(assembly.error+': '+assembly.message); 
    } 
}); 

Answer 1

爲了更新陸侃酒吧值，使用：

$("#progress").progressbar("value", ((bytesReceived/bytesExpected) * 100)); 

欲瞭解更多信息see the docs。

Answer 2

$('#progress').progressbar("option", "value", bytesReceived/bytesExpected * 100);