Loader by Smit-Prajapati

1.loader {
2  height: 2px;
3  width: 300px;
4  background: rgb(44, 44, 44);
5  position: relative;
6  overflow: hidden;
7}
8.loader .black_overlay {
9  background: linear-gradient(
10    87deg,
11    rgb(0, 0, 0) 0%,
12    rgba(0, 0, 0, 0.14) 30%,
13    rgba(0, 0, 0, 0.14) 70%,
14    rgb(0, 0, 0) 100%
15  );
16  position: absolute;
17  inset: 0px;
18}
19.loader .light {
20  width: 70px;
21  height: 100%;
22  position: absolute;
23  left: -20%;
24  top: 0px;
25  background: linear-gradient(
26    87deg,
27    rgba(0, 0, 0, 0) 0%,
28    rgb(0, 204, 255) 40%,
29    rgb(0, 204, 255) 60%,
30    rgba(0, 0, 0, 0) 100%
31  );
32  animation: light 2s infinite ease-in-out;
33}
34
35@keyframes light {
36  from {
37    left: -30%;
38  }
39  to {
40    left: 100%;
41  }
42}
43