JUICE UI

Supercharge ASP.NET
Web Forms with jQuery UI

progressbar

Interaction — Creates a progress bar to display progress of a task.

The progress bar is designed to simply display the current % complete for a process. The bar is coded to be flexibly sized through CSS and will scale to fit inside its parent container by default.

This is a determinate progress bar, meaning that it should only be used in situations where the system can accurately update the current status complete. A determinate progress bar should never fill from left to right, then loop back to empty for a single process — if the actual percent complete status cannot be calculated, an indeterminate progress bar (coming soon) or spinner animation is a better way to provide user feedback.

Examples

Default functionality

<juice:progressbar ID="_Default" runat="server" Value="37" />

Example 1

<style>
	.anibar { height: 1.6em; }
	.anibar .ui-progressbar-value { background-image: url(/images/pbar-ani.gif); }
</style>	

<juice:progressbar ID="_Animated" runat="server" Value="37" CssClass="anibar" />

Events

All events are currently of the type EventHandler. The "sender" parameter is a reference to the control, and should be cast appropriately to access the widget's properties and methods.

This Control has no server-side events. For client-side (Javascript) events, please see the jQuery UI Reference page for this Control.