@ViewChild("MyProgressBar")
public progressBar: IgxLinearProgressBarComponent | IgxCircularBarComponent;
public animationStatus(event) {
    let animationStatus = this.progressBar.animate;
    alert(animationStatus);
}

<igx-linear-bar [animate]="false"></igx-linear-bar>
<igx-circular-bar [animate]="false"></igx-circular-bar>

const isIndeterminate = progressBar.indeterminate;

<igx-linear-bar [indeterminate]="true"></igx-linear-bar>
<igx-circular-bar [indeterminate]="true"></igx-circular-bar>

@ViewChild("MyProgressBar")
public progressBar: IgxLinearProgressBarComponent | IgxCircularBarComponent;
public maxValue(event) {
    let max = this.progressBar.max;
    alert(max);
}

<igx-linear-bar [max]="200"></igx-linear-bar>
<igx-circular-bar [max]="200"></igx-circular-bar>

@ViewChild("MyProgressBar")
public progressBar: IgxLinearProgressBarComponent | IgxCircularBarComponent;
public stepValue(event) {
    let step = this.progressBar.step;
    alert(step);
}

<igx-linear-bar [step]="1"></igx-linear-bar>
<igx-circular-bar [step]="1"></igx-circular-bar>

let text = this.circularBar.text;

<igx-circular-bar text="my text"></igx-circular-bar>

@ViewChild("MyProgressBar")
public progressBar: IgxLinearProgressBarComponent / IgxCircularProgressBarComponent;
public getValue(event) {
    let value = this.progressBar.value;
    alert(value);
}

<igx-linear-bar [value]="50"></igx-linear-bar>
<igx-circular-bar [value]="50"></igx-circular-bar>

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