Scroll Progress plugin for Sia static site generator
npm install @sia-ssg/sia-plugin-scroll-progressA plugin for Sia static site generator.
``bash`
npm install sia-plugin-scroll-progress
Add the plugin to your site's _config.yml:
`yaml`
plugins:
enabled: true
config:
sia-plugin-scroll-progress:
enabled: true
height: "4px"
color: "#007bff"
position: "top"
zIndex: 9999
`yaml`
plugins:
enabled: true
config:
sia-plugin-scroll-progress:
enabled: true
height: "6px"
color: "#ff6b6b"
position: "top"
zIndex: 10000
| Option | Type | Default | Description |
|--------|------|---------|-------------|
| enabled | boolean | true | Enable or disable the plugin |
| height | string | "4px" | Height of the progress bar |
| color | string | "#007bff" | Color of the progress bar (CSS color value) |
| position | string | "top" | Position of the progress bar ("top" or "bottom") |
| zIndex | number | 9999 | CSS z-index value for the progress bar |
- ✅ Scroll progress indicator at the top (or bottom) of the page
- ✅ Smooth animation as you scroll
- ✅ Customizable height, color, and position
- ✅ Automatically updates on scroll and window resize
- ✅ Works with dynamic content
- ✅ Zero dependencies, pure vanilla JavaScript
`bashClone the repository
git clone
cd sia-plugin-scroll-progress
MIT
Terry Moore II