New to Kendo UI for AngularStart a free 30-day trial

LabelSettings

Represents the settings of the label which indicates the progress status of the ProgressBar.

ts
@Component({
   selector: 'my-app',
   template: `
       <kendo-progressbar
             [value]="value"
             [label]="label">
       </kendo-progressbar>
   `
})
class AppComponent {
    public value = 50;
    public label = {
         visible: true,
         position: 'start',
         format: 'percent'
     };
}
NameTypeDefaultDescription

format?

LabelType | LabelFn

Sets the format that will be used when rendering the value in the label. The supported preset types are value (default) and percent. You can also provide a callback that will expose the current value and which has to return the formatted string that will be displayed in the label (see example).

position?

LabelPosition

Sets the position of the progress status label.

The accepted values are:

  • start
  • center
  • (Default) end

visible?

boolean

Determines whether the label for the progress status will be visible.

Not finding the help you need?
Contact Support