<script src="path/to/ToProgress.min.js"></script>

var options = {
 id: 'top-progress-bar',
 color: '#F44336', 
 height: '2px', 
 duration: 0.2
}

var progressBar = new ToProgress(options);

progressBar.increase(20);

API

new ToProgress(options[,selector])

• options
  • id - the id of auto-created top bar element
  • color - top bar color
  • height - top bar height
  • duration - increase duration (seconds)
• selector - valid css selector, if is defined, topbar will 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()

.show()

.hide()