DrY ProgressBar

Article Metadata

---

Code Example

Source file: Media:DrY ProgressBar.zip

---

Article

Created: symbianyucca (16 May 2010)

Last edited: hamishwillee (23 Oct 2012)

DrY ProgressBar component is based on Guarana ProgressBar implementation, and basically it implements same functionality as the Guarana ProgressBar does.

Following code snipped shows how it can be used:

dojo.require("dry.ProgressBar");
 
var progress1 = new dry.ProgressBar({
	value: 20,
	maxvalue:138,
	changed:valueChanged,
	completed: progressCompleted,
	label:"Reading",
	styleTweaker: styleTweaker}, 
	'controlDiv1');

The constructor takes 2 items, where the second one is the name for the div where the ProgressBar is placed in. The first argument is a struct defining the ProgressBar properties and callback functions:

• value: initial value set fort he progress,
• maxvalue: max value fort he progress,
• label: label shown with progress bar
• changed: callback called when progress value has changed,
• completed: callback called when progress is completed,
• styleTweaker: styleTweaker for handling the themes.

setValue and getValue functions can be used for querying and setting the progress values

Examples

Component browser at dev.DrJukka.com/DrY/

WRT example at Wiki: DrY ProgressBar.zip

Go to DrY Index