1.loader {
2  display: inline-block;
3  width: 190px;
4  height: 10px;
5  border-radius: 40px;
6  background-color: rgba(255, 255, 255, 1);
7  position: relative;
8  overflow: hidden;
9}
10
11.loader span {
12  font: 700 22px monospace;
13  text-transform: uppercase;
14  margin: auto;
15  color: #fff;
16  letter-spacing: 5px;
17}
18
19.loader::before {
20  content: "";
21  position: absolute;
22  top: 0;
23  left: -50px;
24  width: 150%;
25  height: 100%;
26  background-image: linear-gradient(332deg, #6bff7f, #32ff3c);
27  border-radius: inherit;
28  transform: scaleX(0);
29  transform-origin: left;
30  animation: load5123 1s infinite;
31}
32
33@keyframes load5123 {
34  50% {
35    transform: scaleX(1);
36  }
37
38  100% {
39    transform: scaleX(0);
40    transform-origin: right;
41  }
42}