How to set custom label using angular directive

[Jiatang]

I've a kendo progress bar defined with angularjs directive. I'm able to set the min, max and value. But I cannot find the way to set the progress status text.

The example provided is using a jQuery way:

              passProgress.progressStatus.text("Empty");}); 

 

I cannot figure out how to do it. My code looks like this.

 

              <div kendo-progress-bar="progressBar" 
                     k-min="voterStatus.progressOption.min" 
                     k-max="voterStatus.progressOption.max" 
                     k-value="voterStatus.progressOption.progress" >
                </div>

[Dimiter Madjarov]

Hello Jiatang,

You could use the same approach in Angular and set the label in the change event of the ProgressBar. Here is the updated version of the demo.

Regards,
Dimiter Madjarov
Telerik