ice:outputProgress - Overview

The progress bar component is very useful for notifying users of the status of long running tasks on the server. For example filtering search results, saving or uploading a large file, processing a complex algorithm, etc. can all be displayed with the progress bar.

From a developer perspective they can update the progress bar percentage at any point during their long running task, and use Ajax Push to display the update to the user's browser.

The size, labels, coloring, etc. of the progress bar can be customized.

In the example below:

  • » Click the "Start" button to simulate a long running task on the server that updates the completed status on the page.
  • » At any point click the "Stop" button to stop the long running task.
  • » Click "Reset" to put the progress back to 0%.
0 %
Source Code