Skip to main content

ProgressCircle

The ProgressCircle component is used to indicate the progress or completion status of a task or process.

OverviewPropertiesUsage

ProgressCircle vs. ProgressBar​

An example of a ProgressCircle component next to a ProgressBar component. An example of a ProgressCircle component next to a ProgressBar component.

ProgressCircle​

  • Use the ProgressCircle to indicate an ongoing loading process. For example, when loading results when users apply filters.

ProgressBar​

  • Use the ProgressBar to indicate the state of an ongoing saving or uploading process. For example, when uploading a file from a user's device.

ProgressCircle vs. Skeleton​

An example of a ProgressCircle component next to a skeleton loading pattern. An example of a ProgressCircle component next to a skeleton loading pattern.

ProgressCircle​

  • Use a ProgressCircle to indicate that a specific part of a page is loading. It draws attention and should ideally be shown once at the same time.

Skeleton​

  • Use Skeletons as a subtle indicator when your app is loading for the first time or if most parts of the page are loading.
Still have questions?
Find answers in the Dynatrace Community