环形进度条没有想象的那么简单

最终效果如下图： 做动画除了使用 CSS 中的 animation，还可以使用 JS 来实现。使用 CSS 实现环形进度条并没有一个比较好的方案，可以通过 svg 或 canvas 来实现，今天通过 canvas 来实现，它的好处就是可以同时应用到小程序和网页中。 环形进度动画实现的核心就是一点一点来画一个园，这样会给人产生一个假象，进度条不断前进。 网页中可以直接使用 canvas 标签来定义一

>>阅读原文<<