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

Forms - Previous

File Uploader

Next - UI Components

List View

Last modified 5yr ago

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