5

我在页面上有一个进度条。目前，我的栏受 a 影响，transition因此当进度更改时，它会平滑地移动到新值。

该条还包含其进度，以百分比表示。

我面临的“问题”是显示的数字会在条形宽度转换时从一个值跳到另一个值，所以我想知道 CSS 是否有任何方法可以“转换”这个数字。

我能想到的唯一解决方案是使用

counter-reset: tmpcounter 50;
content: counter(tmpcounter);
transition: counter-reset 0.5s ease;

当然，这是行不通的。即使这样做了，它也只适用于伪元素，所以当值发生变化时，我无法用 JavaScript 修改它。

我错过了什么，还是不值得担心这个？

4

1 回答 1

1

我不确定我是否理解跳跃数字的问题。但是这个类似温度计的进度条的例子会有帮助吗？

于 2013-07-24T10:21:38.260 回答