公司项目的一个demo,需要效果如图所示:
在这个论坛的问问上问了,希望得到好的思路,没人回我,只好自己想了一个,代码如下:
html>
demobody{
font-family: Microsoft YaHei;
}
.progress{
width:1080px;
height:860px;
position:relative;
}
.percent{
position:absolute;
left:0;
top:250px;
width:100%;
line-height:280px;
font-size:260px;
text-align:center;
text-indent:80px;
}
.percent .d{
font-size:60px;
}
.mile{
position:absolute;
left:50%;
top:650px;
width:330px;
line-height:100px;
font-size:100px;
text-align:center;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
}</