dvant/lib/dvant-css/circle.css

A Vue.js 2.0 Mobile UI at dawnwin modified from Youzan

.van-circle{position:relative;text-align:center;display:inline-block}.van-circle svg{top:0;left:0;width:100%;height:100%;position:absolute}.van-circle__layer{fill:none;stroke-linecap:round;stroke-dasharray:3140;stroke-dashoffset:3140;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:530px 530px;transform-origin:530px 530px}.van-circle__text{top:50%;left:0;width:100%;color:#333;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}