本文介绍了canvas实现圆形进度条动画，分享给大家，具体如下：先给大家看看效果图，然后在上代码。进度条动画；1.canvas的HTML部分很简单就一个canvas标签。canvas画布的宽高是自身的属性，要在行间样式设置，若是在style设置宽高会使你画的图片变形。&lt；canvas id=&quot；mycanvas&quot；width=&quot；100&quot；height=&quot；100&quot；&gt；70%&lt；/canvas&gt；。2.画布的js代码；主要思路：效果图中是由三个圆组成的，最外层是一个有黑边的大圆，里面一个改变进度条进度的圆和一个现实百分比的圆。