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