如何创建循环进度条，可以将总额从100％更改为任何其他值？

Question

我想显示一个“进度”栏，它可以表示诸如10/100，2/5，50/60 ...之类的值。到目前为止，我发现的所有内容通常都是进度条，总数始终为100％。因此将进度条设置为100％时，不能正确地表示200中的110。我希望我能正确解释这个问题。

这个问题我没有很多代码，但是我找到了一个我想使用的codepen示例，但是就像我提到的那样，它只能达到100％。

这是笔的链接：https://codepen.io/curdwithraisins/pen/aOGEBX

Answer 1

我已分叉您的Codepen参考，以使其符合您的要求。

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

示例：progressBar(10,200);

我希望这可以解决您的问题：https://codepen.io/sheikzm/pen/BeyXpz