使用css3实现圆形进度条

这篇文章里面使用jquery实现,但原理是一样的,在小程序中只要定义并改变相应的变量就行了 另,文中的图片是window自带的工具绘制的,使用起来不方便。如果有好用的绘图软件,请浏览 推荐,谢谢! 正文: 在开发微信小程序的时候,遇到圆形进度条的需求。使用canvas绘图比较麻烦: 1、为了实现在不同屏幕上面的适配,必须动态的计算进度条的大小; 2、在小程序中,canvas的画布具有最高的层级,不易于扩展。 但使用css3和js实现圆形进度条就很容易的避免了这方面的问题。 一、进度条样式的样式 在平时的开发中,经常使用元素的border来显示圆形图案,在使用css3实现圆形进度条时,同样也