wijprogressbar jQuery Widget

Let end users see the progress of an operation in an indicator with customized animations, styles, labels, and more.

Syntax

Javascript (Usage)
$(function () { var options; // Type: wijmo.progressbar.wijprogressbar.options $(".selector").wijprogressbar(options); });

Javascript (Usage)

$(function () {
    var options; // Type:  wijmo.progressbar.wijprogressbar.options
     
    $(".selector").wijprogressbar(options);
});

Javascript (Specification)
function wijprogressbar() : any;

Browser Compatibility

Options

	Name	Description
	animationDelay	Default value: 0 Gets or sets the delay time of the progress bar's animation in milliseconds. The default value of this option is "0".
	animationOptions	The options parameter of the jQuery's animation.
	change
	complete
	create
	disabled
	fillDirection	Default value: 'east' The fill direction of the progress bar.the value should be "east", "west", "north" or "south".
	indicatorImage	Default value: "" The Url of the image's indicator.
	indicatorIncrement	Default value: 1 The increment of the progress bar's indicator.
	labelAlign	Default value: 'center' The label's alignment on the progress bar. The value should be "east", "west", "center", "north", "south" or "running".
	labelFormatString	Default value: 'undefined%' Sets the format of the label text.
	max
	maxValue	Default value: 100 The value of the progress bar,the type should be numeric.
	minValue	Default value: 0 The minimum value of the progress bar,the type should be numeric.
	toolTipFormatString	Default value: 'undefined%' Set the format of the ToolTip of the progress bar,the expression of the format like the labelFormatString. ,'undefined%').
	value	Default value: 0 The value of the progressbar.

Methods

	Name	Description
	destroy	Removes the wijprogressbar functionality completely. This returns the element to its pre-init state.
	disable
	enable
	option
	value	Sets the current value of the progressbar.
	widget

Events

	Name	Description
	beforeProgressChanging	The event that raises before running the ProgressBar. The parameters are an object: {oldValue:xxx,newValue:xxx} Return "false" to prevent the ProgressBar from running.
	progressChanged	The event that raises when the ProgressBar changes. The parameter is an object: {oldValue:xxx,newValue:xxx}
	progressChanging	The event that raises upon running the ProgressBar. The parameter is an object: {oldValue:xxx,newValue:xxx} Return false to cancel the event and stop the ProgressBar from running.

Name

Description

The event that raises before running the ProgressBar. The parameters are an object:

{oldValue:xxx,newValue:xxx}

Return "false" to prevent the ProgressBar from running.

The event that raises when the ProgressBar changes. The parameter is an object:

{oldValue:xxx,newValue:xxx}

The event that raises upon running the ProgressBar. The parameter is an object:

{oldValue:xxx,newValue:xxx}

Return false to cancel the event and stop the ProgressBar from running.

See Also