diff options
Diffstat (limited to 'assets/css/components/progress-bar.css')
| -rw-r--r-- | assets/css/components/progress-bar.css | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/assets/css/components/progress-bar.css b/assets/css/components/progress-bar.css new file mode 100644 index 0000000..f89f4a8 --- /dev/null +++ b/assets/css/components/progress-bar.css @@ -0,0 +1,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; +} |