css js动态环形,圆环形进度条js+html+css

代码结构简单

效果如下图所示

直接上代码

先看html代码html>

环形进度条

下边展示css代码*{

padding:0;

list-style: none;

margin:0;

}

a{

text-decoration:none;

}

.box{

display: table;

margin:0 auto;

margin-top: 100px;

}

.pro{

width:180px;

height:180px;

border: 10px solid #ccc;

border-radius:50%;;

-webkit-border-radius:50%;

-moz-border-radius:50%;

-ms-border-radius:50%;

-o-border-radius:50%;

position: relative;

}

.pro_cont{

width:200px;

height:200px;

position: absolute;

top:-10px;

left:-10px;<