colorBar
colorfully loading bar http://loeify.github.io/colorBar
Installation
npm i -S colourbar
Usage
html markup
<div id="bar"></div>
use as module
import colorBar from 'colourbar'
//var colorBar = require('colourbar')
or use the script
<script src="colorBar.min.js"></script>
Options
// default
new colorBar({
selector: 'colorBar', // html id only
height: '3px',
duration: '2s',
colors: [
// ['color', 'position']
['#37cca2', '0%'],
['#46deb6', '17%'],
['#feed00', '38%'],
['#fbf27a', '59%'],
['#f24141', '79%'],
['#37cca2', '100%']
]
})
API
const bar = new colorBar({
selector: 'bar'
})
// loading
bar.loading()
// loaded
bar.loaded()
// hide
bar.hide()
Development
# build
$ npm run build
# local server http://127.0.0.1:1234
$ npm start
License
MIT