Question

您好我有一个变量，其百分比如下：

test = "3%, 7%, 10%, 11%, 50%, 75%, 77%, 82%, 91%, 100%"

这是一个Python / Django变量。

现在，我想使用这些数字来构建使用Javascript的进度条。

我将变量test转储为json，如：

json.dumps(test)

如何在Javascript中调用它并构建进度条呢？感谢

Answer 1

不要指望有人为你做这种工作，你需要自己做。我已经为您提供了一个简短的示例和解释，以帮助您了解正在发生的事情，其余部分取决于您。

这是Python中的命令行示例：

import sys, time
print

pers = [3, 7, 10, 11, 50, 75, 77, 82, 91, 100]
for per in pers:
    sys.stdout.write('\r[%s>%s]' % (
        ('=' * ((per / 2) -1)), ' '*(50-(per/2)))
    )
    sys.stdout.flush()
    time.sleep(0.5)

print
print

你明白这里发生了什么吗？基本概念是您从总计中添加进度。所以，在这里我使用time.sleep(0.5)添加随机时间，以便您可以实际看到进度，但是当您编写javascript代码时，这将随着您需要加载而进展。

所以，一旦掌握了这个想法，只需在javascript中重复相同的事情，除了不是在字符串中添加字符，而是扩展矩形的宽度等等。并且，您希望显示整体的进度，因此您可能应该在进度1后面已经有一个相同的矩形已经全宽，显示它已经加载的总数。然后用css格式化这些矩形，使它们看起来很漂亮：）

Answer 2

您可以查看this并了解自己该怎么做。

如果从字符串中获取值是您的问题，您可以使用split()和/或正则表达式从字符串/ json对象中获取值数组。

如何从给定的百分比构建进度条？

2 个答案: