Skip to content

Latest commit

 

History

History
75 lines (42 loc) · 1.58 KB

README.md

File metadata and controls

75 lines (42 loc) · 1.58 KB
Raw

ProgressBar

Javascript progressbar

Demo

Screenshot

How to use

The progressbar can use either colors or background image.

object providing methods to control field upload.

Syntax

var progressbar = new ProgressBar({container: 'element'});

(boolean) indicates if the browser handle file upload via XMLHTTPRequest.

Arguments:

  1. options - (object)
Options:
  • container - (mixed) progressbar container.
  • width - (int, optional) progressbar width. default to the container width.
  • value - (number, optional) initial value of the progressbar. value is always between 0 and 1 (100%). default to 0.
  • text - (string, optional) progressbar text.
  • color - (string, optional) progressbar color.
  • fillColor - (string, optional) progressbar fill color.
  • backgroundImage - (string, optional) background image used to fill the progressbar. this parameter will shadow the fillColor parameter.
Events:
onChange

Fired after the value is changed.

Arguments:
  • value - (number) the current value
  • progressbar - (object) this progressbar
onComplete

Fired after the value has been set to 1.

Arguments:
  • progressbar - (object) this progressbar
setText

set the text in the progressbar

Arguments:
  • text - (string)
setValue

set the progressbar value. the value is a number between 0 and 1.

Arguments:
  • value - (number)
getValue

return the progressbar value.