Basic Usage

Determinate mode

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.

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

Indeterminate mode

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:

<PaperProgressLinear />

Buffer mode

For operations where the user wants to indicate some activity or loading from the server, use the buffer indicator:

<PaperProgressLinear @warn={{true}} @value={{this.determinateValue}} @bufferValue={{this.determinateValue2}} />

Query mode

For situations where the user wants to indicate pre-loading (until the loading can actually be made), use the query indicator:

<PaperProgressLinear @accent={{true}} @mode={{this.mode}} @value={{this.determinateValue}} />