Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Progressbar that use either an image or a color to show progression

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 Demo
Octocat-spinner-32 Source
Octocat-spinner-32 README.md
Octocat-spinner-32 mootools-core.js
Octocat-spinner-32 number.js
Octocat-spinner-32 package.yml
Octocat-spinner-32 screenshot.png
README.md

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.

Something went wrong with that request. Please try again.