Pages UI
v5.0.1 - Pages Angular
Search
K

Progress Bar

Pages Progress bar / circular

Importing

First import it to your app module or any submodule as you wish
import { ProgressModule } from '../@pages/components/progress/progress.module';
@NgModule({
imports: [ProgressModule,...]
})
export class AppModule(){}

Usage

HTML
<pg-progress type="bar" color="primary" value="35" thick="true"></pg-progress>
<pg-progress type="bar" indeterminate="true" thick="true"></pg-progress>
<pg-progress type="circle" color="complete" value="75" ></pg-progress>
<pg-progress type="circle" value="75" thick="true"></pg-progress>

API

parameter
Instructions
Types of
Defaults
type
Type of progress
string
bar / circle
color
Bootstrap primary colors
string
primary, success, etc
value
Percentage of progress
integer
0
indeterminate
When progress value is unknown
boolean
false
thick
Will increase the thickness
boolean
true