如何使用jquery ui进度条？

我正在尝试使用带有valum文件上传插件的jquery ui进度条。 代码：

 ..... onProgress: function (id, fileName, uploadedBytes, totalBytes) { $("#pb").progressbar({ value : uploadedBytes }); }, . .... . 

但这不起作用，任何人都可以指导我，如何正确使用进度条？

Answer 1

假设你有一个带有

的html

以下代码将每隔10毫秒逐步执行进度条，直到达到100：

注意：其他答案也是有效的，我只发布了这个答案，作为“如何正确使用进度条”的答案，回答了IMO尚未回答的问题。

Answer 2

进度条以百分比forms工作。 您需要将uploadedBtyes转换为totalBytes的％，然后将其作为数字传递给选项的value属性。

Answer 3

您需要以百分比计算上传的字节数。

 var percentValue = (uploadedBytes / totalBytes) * 100 $("#pb").progressbar({ value: percentValue });