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
|
/*******************************
Progress
*******************************/
.ui.progress .bar {
background-size: 30px 30px;
background-image:
linear-gradient(
135deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.08) 75%,
transparent 75%, transparent
)
;
}
.ui.progress.active .bar:after {
animation: none;
}
.ui.progress.active .bar {
animation: progress-striped 3s linear infinite;
}
@keyframes progress-striped {
0% {
background-position: 0px 0;
}
100% {
background-position: 60px 0;
}
}
|