可动的canvas进度条

今天分享一个环形进度条的写法，当然这只是一个可动的静态进度条，如果你喜欢可以加入后台数据。这种进度条非常简单的写法到处都有，只不过更多的只是写个样子，咱们这个可以动哟。

前提是canvas的属性、方法和一些基础的js API你都知道，当然为了保证一些忘记的小伙伴一下想起来，我会在前面列个表。

getContext()	返回一个用于在画布上绘图的环境
strokeStyle	画笔（绘制图形）颜色或者样式的属性
lineWidth	设置线段厚度的属性
save()	保存canvas全部状态的方法（入栈）
beginPath()	创建一个新的路径的方法
arc(原点x,原点y,半径,起始角度,结束角度,默认false顺时针)	绘制圆弧路径的方法
stroke()	绘制路径的方法
closePath()	闭合绘制路径
restore()