css3实现圆环加载进度条
前两天面试，让我现场用css3做一个圆环加载的进度条，没写出来，尴尬了。抽空参考了些网上的例子，做了下面这个demo。
效果图：
当时的要求是让进度条以扇形渐变的效果加载。我想了半天，好像只有用border-img来做渐变图了，还有一个超笨的方法就是写50个长方形分布在进度条上。css3提供的渐变有线性渐变，径向渐变和重复渐变，想不出来怎样实现扇形渐变。不说了，上代码：
Document
前两天面试，让我现场用css3做一个圆环加载的进度条，没写出来，尴尬了。抽空参考了些网上的例子，做了下面这个demo。
效果图：
当时的要求是让进度条以扇形渐变的效果加载。我想了半天，好像只有用border-img来做渐变图了，还有一个超笨的方法就是写50个长方形分布在进度条上。css3提供的渐变有线性渐变，径向渐变和重复渐变，想不出来怎样实现扇形渐变。不说了，上代码：
Document