Basic Progress

Reticulating splines… 0%
Reticulating splines… 25%
Reticulating splines… 50%
Reticulating splines… 75%
Reticulating splines… 100%

Colored Progress

Use type="colorName" property to get color of your choice.

Labeled Progress

Use showValue="true" property of ngb-progressbar to get labeled progress. By default showValue is false.

Striped Progress

Use [striped]="true" property of ngb-progressbar to get striped progress. By default [striped] property is false.

Animated Progress

Use [animated]="true" property of ngb-progressbar to get animated progress. By default [animated] property is false.