0.1.3 • Published 8 years ago

toprogress v0.1.3

Weekly downloads
84
License
MIT
Repository
github
Last release
8 years ago

ToProgress

NPM version npm npm

A lightweight (2.2 KB), no-dependency top progress bar library.

Demo

http://djyde.github.io/ToProgress

Screenshot

####Desktop desktop

####Mobile mobile

Quick Start

var options = {
  color: '#EEE',
  duration: 0.2,
  height: '2px'
}
var topbar = new ToProgress(options);

Support

  • IE >= 10
  • Chrome
  • Firefox
  • Safari

Use cases

If you are using ToProgress.js in production, just tell us.

API

new ToProgress(options,selector)

  • options

    • id - the id of auto-created progress bar element
    • color - progress bar color
    • height - progress bar height
    • duration - increase duration (seconds)
  • selector - valid css selector, if is defined, progress bar will be put on the top of the element. Only find the first element.

.increase(progress,callback)

  • progress - percentage number

.decrease(progress,callback)

  • progress - percentage number

.setProgress(progress,callback)

  • progress - percentage number

.reset(,callback)

.finish(,callback)

.getProgress()

return current progress (percentage number)

.show()

.hide()

License

MIT License