1
.progress-wrap {
2
position: fixed;
3
display: block;
4
cursor: pointer;
5
z-index: 10000;
6
opacity: 0;
7
visibility: hidden;
8
transform: translateY(15px);
9
-webkit-transition: all 200ms linear;
10
transition: all 200ms linear;
11
}
12
13
.progress-wrap.active-progress {
14
opacity: 1;
15
visibility: visible;
16
transform: translateY(0);
17
}
18
19
.progress-wrap::after {
20
top: 0;
21
left: 0;
22
z-index: 1;
23
display: block;
24
text-align: center;
25
position: absolute;
26
cursor: pointer;
27
font-family: 'wpxpress';
28
-webkit-transition: all 200ms linear;
29
transition: all 200ms linear;
30
}
31
32
.progress-wrap svg path {
33
fill: none;
34
}
35
36
.progress-wrap svg.progress-circle path {
37
box-sizing: border-box;
38
-webkit-transition: all 200ms linear;
39
transition: all 200ms linear;
40
}