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
20
21
22

/* progress-bar.css */
.reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--accent), var(--accent2));
  width: 0%;
  z-index: 200;
  transition: width 0.1s ease-out;
}

/* Only show on pages with sufficient content */
.article-page .reading-progress,
.page-page .reading-progress {
  display: block;
}

/* Hide if no scrollable content */
body:not(.scrollable) .reading-progress {
  display: none;
}