参考来源《Radial progress indicator using CSS》，该文核心是用纯CSS来做一个环形的进度条。纯css的意思就是连百分比这种数字，都是css生成的。文章作者采取的方式是生成100个span标签，然后为这100个标签生成100段css代码（用less生成，代码量倒不大，只是生成的代码量会很大），不知道有没有更NB更省资源的css方案。而我的需求很简单，只需要学习怎么画
最近比较迷恋canvas，加之做了一个个人网站，有用到环形进度条，记录下来。canvas中没有直接绘制圆的方法，但有一个绘制弧线的context.arc方法，下面讲下用该方法如何绘制出图片效果。arc()方法介绍context.arc(x,y,r,sAngle,eAngle,counterclockwise);参数说明：
x: 圆的中心的 x 坐标 y: 圆的中心的 y 坐标 r: 圆的半径 sA
