Svelte Reading Bar
Reading progress bar (Svelte/Web Component/Custom Element)
reading-bar 
Usage
via CDN 
<!doctype html>
<html class="no-js" lang="en">
<head>
...
<body>
<reading-bar selector="article" height=".4em" background="linear-gradient(to right, green, lime)"></reading-bar>
...
<script src="https://cdn.jsdelivr.net/npm/@tigersway/[email protected]" type="module"></script>
</body>
</html>
via npm/pnpm/yarn 
... and your bundler!
import '@tigersway/reading-bar';
Options
selector: (default body) CSS selector for the readable part of that page,height: (default 4px) CSS height of the bar,background: (default linear-gradient(to right, #4169e1, #c6d2f6)) CSS background as color, gradient, etc
CHANGELOG
- v1.0.0
- First public release
