基于jquery 的一个progressbar widge

此项目的demo网站http://wijmo.com/Wijmo-Open/samples/

/*
* wijprogressbar Widget. V1.0
*
* Copyright (c) Componentone Inc.
*
* Depends:
* Jquery-1.4.2.js
* jquery.ui.core.js
* jquery.ui.widget.js
*
*Optional dependence for effect settings:
* jquery.effects.core.js
* jquery.effects.blind.js
* jquery.effects.bounce.js
* jquery.effects.clip.js
* jquery.effects.drop.js
* jquery.effects.explode.js
* jquery.effects.fold.js
* jquery.effects.hightlight.js
* jquery.effects.pulsate.js
* jquery.effects.scale.js
* jquery.effects.shake.js
* jquery.effects.slide.js
* jquery.effects.transfer.js
* HTML:
* <div id=”progressbar” style=”width:***;height:***”></div>
*/
(function ($) {
$.widget(“ui.wijprogressbar”, $.ui.progressbar, {
options: {
/// <summary>
///The label’s alignment on the progress bar. The value should be “east”, “west”, “center”, “north”, “south” or “running”.
///Default:”center”.
///Type:String.
///Code sample:$(‘.selector’).wijprogressbar(‘option’,’labelAlign’,’center’).
///</summary>
labelAlign: “center”,
/// <summary>
///The value of the progress bar,the type should be numeric.
///Default:0.
///Type:Number.
///Code sample:$(‘.selector’).wijprogressbar(‘option’,’value’,60).
///</summary>
maxValue: 100,
/// <summary>
///The minimum value of the progress bar,the type should be numeric.
///Default:0.
///Type:Number.
///Code sample:$(‘.selector’).wijprogressbar(‘option’,’minValue’,0).
///</summary>
minValue: 0,
/// <summary>
///The fill direction of the progress bar.the value should be “east”, “west”, “north” or “south”.
///Default:”east”.
///Type:String.
///Code sample:$(‘.selector’).wijprogressbar(‘option’,’fillDirection’,’east’).
///</summary>
fillDirection: “east”,
/// <summary>
///The progressbar’s orientation.the value should be ‘horizontal’ or ‘vertical’.
///Default:”horizontal”.
///Type:String.
///Code sample:$(‘selector’).wijprogressbar(‘option’,’orientation’,’horizontal’).
///</summary>
///orientation: “horizontal”,
/// <summary>
///Sets the format of the label text.The available formats are as follows:
///{0} or {ProgressValue} express the current progress Value.
///{1} or {PercentProgress} express the current percent of the progress bar.
///{2} or {RemainingProgress} express the remaining progress of the progress bar.