css实现圆环进度条动效
记录一下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
<title>圆环进度条动效</title>
<style>
.circleProgress_wrapper {
width: 48px;
height: 48px;
margin: 0px auto;
position: relative;
border: 1px solid #ddd;
}
.wrapper {
width: 24px;
height: 48px;
position: absolute;
top: 0;
overflow: hidden;
}
.right {
right: 0;
}
.left {
left: 0;
}
.circleProgr