/*圆环进度条*/ .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圆环进度条,可以任意设置显示的角度。