Continuous-top-loading-bar NPM

A stupidly simple Continuous Top Loader Bar component

Vanilla JS, powered by Web Animations API
No dependencies
Extremely lightweight: 100 lines of source code, 1.17 KB minified, 0.5 KB gzipped
Completely customizable: style it with CSS, define custom animation with your own KeyframeEffect

npm i continuous-top-loading-bar

<body>
  <div id="progress-bar"></div>
  <main>...</main>
</body

const bar = document.getElementById('progress-bar')
const loader = new ContinuousTopLoadingBar(bar)
// loader.start()
// loader.done()

TBD

1 year ago