问题描述

css圆形加载百分比如何实现

这样的效果怎么实现

解决方案

jquery插件：http://www.htmleaf.com/jQuery/Layout-Interface/201509072537.html

解决方案二：

如果纯CSS的话，得用CSS3实现吧，或者使用SVG绘图，或者使用Canvas；

解决方案三：

我的想法是用两个初始宽高相同div做绝对定位，两张不同颜色的图片大小相同且固定大小为div初始大小相对div绝对定位bottom:0px，蓝色图片放上面的div,且做overflow:hidden,然后控制上面div的高度达到进度显示，分别向两个div中建立文本分别用span相对div绝对定位bottom:0px;宽高和图片一样，这样应该可以达到效果。如果会canvas的话更容易一点，先准备两种颜色的图片，先利用灰色的图片绘制，并插入灰色的文字，然后用clip() 方法从原始画布中剪切需要重新绘制的区域，换一个图片重新绘制然后插入文字，注意插入的文字除了颜色不同其他都一样，然后就完成了。

解决方案四：

css实现三角形 圆形