Progress

Progress components provide feedback which can remove unnecessary confusion to whether a process is active or stalled.

A basic Progress component.

<Progress value={value} />

A Progress component with a value label.

10%

<Progress value={value} showLabel />

This is a 'ActiveCogProgressIcon' that can be used in other components, e.g. buttons.

Running ...

<Button>
  Running ... <ActiveCogProgressIcon value={value} />
</Button>