Basic Usage

Determinate

For operations where the percentage of the operation completed can be determined, use a determinate indicator. They give users a quick sense of how long an operation will take.

<PaperProgressCircular @value={{this.determinateValue}} />

Indeterminate

For operations where the user is asked to wait a moment while something finishes up, and it’s not necessary to expose what's happening behind the scenes and how long it will take, use an indeterminate indicator.

<PaperProgressCircular />

Theming

<PaperProgressCircular @class="md-hue-2" @diameter={{25}} />
<PaperProgressCircular @accent={{true}} @diameter={{40}} />
<PaperProgressCircular @accent={{true}} @class="md-hue-1" @diameter={{60}} />
<PaperProgressCircular @warn={{true}} @class="md-hue-3" @diameter={{70}} />
<PaperProgressCircular @warn={{true}} @diameter={{96}} />

Playground