Html
    Css
    Js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
*,*:before,*:after {
box-sizing:border-box;
outline:none;
}
body {
background:#020438;
font:14px/1 'Open Sans',helvetica,sans-serif;
-webkit-font-smoothing:antialiased;
}
.box {
height:280px;
width:280px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
background:#020438;
border-radius:100%;
overflow:hidden;
}
.box .percent {
position:absolute;
left:0;
top:0;
z-index:3;
width:100%;
height:100%;
display:flex;
display:-webkit-flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:64px;
}
.box .water {
position:absolute;
left:0;
top:0;
z-index:2;
width:100%;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

js百分比球

更新时间:2024-02-20 20:24:30

0