wijprogressbar jQuery Widget

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

Syntax

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

function wijprogressbar() : any;

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.
	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: '{1}%' Sets the format of the label text.
	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: '{1}%' Set the format of the ToolTip of the progress bar,the expression of the format like the labelFormatString. ,'{1}%').
	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.
	value	Sets the current value of the progressbar.
	widget	Returns the wijprogressbar element.

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.