<kbq-progress-spinner> is a component that allows display progress spinner.

A <kbq-progress-spinner> element can be used on its own to create a sector progress with koobiq theme

<kbq-progress-spinner></kbq-progress-spinner>

Displaying sector filling progress depends on this property
The range of value is [0, 100]
Default: 0

This will fill 30% of the sector

<kbq-progress-spinner [value]="30"></kbq-progress-spinner>

Enum ('determinate', 'indeterminate')
Default: 'determinate'

To show indeterminate progress

<kbq-progress-spinner [mode]="'indeterminate'"></kbq-progress-spinner>

Or for determinate progress

<kbq-progress-spinner [mode]="'determinate'" [value]="30"></kbq-progress-spinner>

Enum ('primary', 'secondary', 'error') Default: 'primary' Set theming of element

<kbq-progress-spinner [color]="themePalette.Primary"></kbq-progress-spinner>
<kbq-progress-spinner [color]="themePalette.Secondary"></kbq-progress-spinner>
<kbq-progress-spinner [color]="themePalette.Error"></kbq-progress-spinner>

The color of a <kbq-progress-spinner> can be changed by using the color property. By default, it use the theme's primary color. This can be changed to 'secondary' or 'error'.