Constructors

Section titled "Constructors"

IgxCircularProgressBarComponent

new IgxCircularProgressBarComponent(): IgxCircularProgressBarComponent

Returns IgxCircularProgressBarComponent

Properties

Section titled "Properties"

animationDuration

Section titled "animationDuration"

Inherited from: BaseProgressDirective

Sets/Gets progressbar animation duration. By default, it is 2000ms.

<igx-linear-bar [animationDuration]="3000"></igx-linear-bar>
<igx-circular-bar [animationDuration]="3000"></igx-linear-bar>
animationDuration: number = 2000

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:77

gradientTemplate

Section titled "gradientTemplate" 
gradientTemplate: IgxProgressBarGradientDirective

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:577

id

Section titled "id"

Sets the value of id attribute. If not provided it will be automatically generated.

<igx-circular-bar [id]="'igx-circular-bar-55'"></igx-circular-bar>
id: string

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:538

progressChanged

Section titled "progressChanged"

Inherited from: BaseProgressDirective

An event, which is triggered after progress is changed.

public progressChange(event) {
    alert("Progress made!");
}
 //...
<igx-circular-bar (progressChanged)="progressChange($event)"></igx-circular-bar>
<igx-linear-bar (progressChanged)="progressChange($event)"></igx-linear-bar>
progressChanged: EventEmitter<IChangeProgressEventArgs>

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:67

textTemplate

Section titled "textTemplate" 
textTemplate: IgxProgressBarTextTemplateDirective

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:574

textVisibility

Section titled "textVisibility"

Sets the text visibility. By default, it is set to true.

<igx-circular-bar [textVisibility]="false"></igx-circular-bar>
textVisibility: boolean = true

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:571

type

Section titled "type"

Set type of the IgxCircularProgressBarComponent. Possible options - default, success, info, warning, and error.

<igx-circular-bar [type]="'error'"></igx-circular-bar>
type: string = 'default'

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:610

animate

Section titled "animate"

Inherited from: BaseProgressDirective 

animate: boolean

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:183, projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:198

indeterminate

Section titled "indeterminate"

Inherited from: BaseProgressDirective 

indeterminate: boolean

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:99, projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:113

max

Section titled "max"

Inherited from: BaseProgressDirective 

max: number

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:211, projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:237

step

Section titled "step"

Inherited from: BaseProgressDirective 

step: number

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:129, projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:143

text

Section titled "text"

Inherited from: BaseProgressDirective 

text: string

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:160, projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:171

value

Section titled "value"

Inherited from: BaseProgressDirective 

value: number

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:301, projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:338

Accessors

Section titled "Accessors"

valueInPercent

Section titled "valueInPercent"

Inherited from: BaseProgressDirective

Returns the IgxLinearProgressBarComponent/IgxCircularProgressBarComponent value in percentage.

@ViewChild("MyProgressBar")
public progressBar: IgxLinearProgressBarComponent / IgxCircularProgressBarComponent
public valuePercent(event){
    let percentValue = this.progressBar.valueInPercent;
    alert(percentValue);
}
get valueInPercent(): number

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:283

Returns number

Methods

Section titled "Methods"

ngAfterContentInit

Section titled "ngAfterContentInit"

A callback method that is invoked immediately after Angular has completed initialization of all of the directive's content. It is invoked only once when the directive is instantiated.

ngAfterContentInit(): void

Defined in projects/igniteui-angular/progressbar/src/progressbar/progressbar.component.ts:652

Returns void