生成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);