O'Reilly logo

jQuery UI 1.10: The User Interface Library for jQuery by Dan Wellman, Alex Libby

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Responding to user interaction

At its most basic level, we can manually update the progressbar in response to user interaction. For example, we could specify a wizard-style form, which has several steps to complete. In this example, we'll create a form as shown in the following screenshot:

Responding to user interaction

During each step, we can increment the progressbar manually to let the user know how far through the process they are. In progressbar5.html, replace the progressbar container and buttons with the following code:

<div class="form-container ui-helper-clearfix ui-corner-all"> <h1>Registration Form</h1> <p>Progress:</p> <div id="myProgressbar"></div> <label id="amount">0%</label> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required