Search within TutorialsPark

jQuery UI : Progress Bar Events


Learn how to use jQuery UI Progress Bars Events for different types of Interactions


jQuery UI : Progress Bar Events

The jQuery UI progress bar widget has three events which respond to different types of user interactions.

Table : jQuery UI Progress Bar Settings

Settings Description
create Event is triggered when the progress bar is created.
change Event is triggered when the value of the progress bar is changed.
complete Event is triggered when the progress bar value is set to 100.

In the demo below, we use the event complete to disable the Plus button when the progress bar reaches 100%.

The change event is used to update the values of span element which shows the current progress status

Example: jQuery UI - Progress Bar Events

Give it a TRY! » Note:The complete event is fired when the value is set to 100%