/*圆环进度条*/
.circle {
position:absolute;
height:200px;
width:200px;
border-radius:50%;
background:red;
}
.pie-right,.pie-left {
position:absolute;
top:0;
left:0;
height:200px;
width:200px;
border-radius:50%;
}
.right,.left {
position:absolute;
top:0;
left:0;
height:200px;
width:200px;
border-radius:50%;
background:blue;
}
.pie-right,.right {
clip:rect(0,auto,auto,100px);
}
.pie-left,.left {
clip:rect(0,100px,auto,0);
}
.mask {
position:absolute;
top:25px;
left:25px;
height:150px;
width:150px;
background:#fff;
border-radius:50%;
text-align:center;
}
jquery圆环进度条,可以任意设置显示的角度。