Javascript 如何创建一个循环进度条,以便将总金额从100%更改为任何其他值?

Javascript 如何创建一个循环进度条,以便将总金额从100%更改为任何其他值?,javascript,html,css,progress-bar,Javascript,Html,Css,Progress Bar,我想显示一个进度条,它可以表示10/100、2/5、50/60等值。。。等等到目前为止,我发现的都是进度条,总进度总是100%。因此,在设置为100%的进度条中,200项中的110项不能正确表示。我希望我正确地解释了这个问题 我没有太多的代码来回答这个问题,但我找到了一个我想使用的codepen示例,但正如我提到的,它只适用于100% 这里有一个指向钢笔的链接:我已经将您的代码笔引用分叉,以使其符合您的要求 将当前百分比和总百分比值传递给函数progressBar 示例:ProgressBar1

我想显示一个进度条,它可以表示10/100、2/5、50/60等值。。。等等到目前为止,我发现的都是进度条,总进度总是100%。因此,在设置为100%的进度条中,200项中的110项不能正确表示。我希望我正确地解释了这个问题

我没有太多的代码来回答这个问题,但我找到了一个我想使用的codepen示例,但正如我提到的,它只适用于100%


这里有一个指向钢笔的链接:

我已经将您的代码笔引用分叉,以使其符合您的要求

将当前百分比和总百分比值传递给函数progressBar

示例:ProgressBar10200


我希望这能解决您的问题:

至少对我来说,尝试其中一种吧。您的问题不清楚。200个中的110个是55%有什么问题?显示百分比值时出现问题。。。现在修好了。