ProgressIndicator

Description

Use a ProgressIndicator whenever the user has to wait for more than 150ms. This component is also knows as:

  • Indicator (Activity-Indicator)
  • Loader (Pre-loader)
  • Spinner

Demos

Default ProgressIndicator is Circular

Default Circular ProgressIndicator

Circular ProgressIndicator with a label in a horizontal direction

Vennligst vent ...

Circular ProgressIndicator with a label in a vertical direction

Vennligst vent ...

Shows a large Circular ProgressIndicator with a static 50% in progress

Circular ProgressIndicator with random value

Vennligst vent ...

Circular ProgressIndicator with random progress value to show the transition

Circular ProgressIndicator with random on_complete callback

Circular ProgressIndicator inside a Modal

Default Linear ProgressIndicator

Small Linear ProgressIndicator

Linear ProgressIndicator with a label in a horizontal direction

Vennligst vent ...

Linear ProgressIndicator with a label in a vertical direction

Vennligst vent ...

Shows a large Linear ProgressIndicator with a static 50% in progress

Linear ProgressIndicator with random value

Linear ProgressIndicator with random progress value to show the transition

Linear ProgressIndicator with random on_complete callback

Linear ProgressIndicator inside a Modal