javascript - CSS 或 JS 动画加载器由百分比控制（如文件加载百分比）

问题描述

我正在尝试创建一个与另一个变量的进度相关的动画加载器。在我的情况下，它是上传文件完成的百分比，所以它真的只需要遵循一个从 0% 到 100% 的变量，我暂时可以模拟它。但是，我能找到的所有 CSS 加载器动画都使用关键帧来控制动画，以适应我正在使用的动画风格。它必须是圆形装载机，而不是杆或其他任何东西。

所以第一个问题实际上是基于 CSS 的加载器是否可以由外部变量控制，例如从 0 到 100 的 setInterval，并转换为 % 的度数，然后将其传递给动画。

我认为这在基于 CSS 的动画中是不可能的，因为关键帧是如何工作的。

什么可能是另一种解决方案/方法？

标签： javascriptcssanimation

javascript - CSS 或 JS 动画加载器由百分比控制（如文件加载百分比）

问题描述

解决方案

推荐阅读