Progress loader bars

Usage

InsuranceSuite includes dynamic and static loaders:

  • A dynamic loader polls the server to check for a new status. Use this type to display the status of a short-lived process where users can take action as soon as the work is complete. For example, the ability to navigate to another part of the application. A dynamic loader can be:
    • Determinate

      Progress bar with 40% shaded.
    • Indeterminate

      Progress bar with unlabeled shaded areas and no defined proportions.
  • Static loaders are simply an amount placed into a bar. They have configurable thresholds where the color will change to predefined styles. Use these static loaders to show the status of a long-running process or a value threshold.

    Progress bars with specfic percentages shaded.

PCF elements

Primary function

  • Dynamic Progress
  • Static Progress

Secondary function

No elements use this widget as a secondary function.

Best Practices

  • Display progress indicators in consistent locations.
  • Keep indeterminate progress indicators moving to show users that something is happening.

  • Use a determinate progress indicator for a task with a well-defined duration. For determinate indicators:
    • Where helpful to users, include a short, clearly-worded label with in near the progress indicator.
    • Always report progress accurately.