assets/css/components/progress-bar.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

/* progress-bar.css */

.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(to right, var(--accent), var(--accent2));
  box-shadow: 0 0 10px var(--accent-glow);
  z-index: var(--z-progress);
  width: 0%;
  transition: width var(--duration-base) ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}