New to Kendo UI for Angular? Start a free 30-day trial

ProgressBarCustomMessagesComponent

Component

Custom component messages override default component messages (see example).

Definition

Package:@progress/kendo-angular-progressbar

Selector:kendo-progressbar-messages

Syntax:

html

<!-- Custom messages for ProgressBar -->
<kendo-progressbar [value]="value">
    <kendo-progressbar-messages
      progressBarLabel="Changed ProgressBar Label"
    ></kendo-progressbar-messages>
</kendo-progressbar>

<!-- Custom messages for ChunkProgressBar -->
<kendo-chunkprogressbar [value]="value" [chunkCount]="chunks">
    <kendo-progressbar-messages
      progressBarLabel="Changed Chunk Label"
    ></kendo-progressbar-messages>
</kendo-chunkprogressbar>

<!-- Custom messages for CircularProgressBar -->
<kendo-circularprogressbar [value]="value">
    <kendo-progressbar-messages
      progressBarLabel="Changed Circular Label"
    ></kendo-progressbar-messages>
</kendo-circularprogressbar>

Inputs

progressBarLabel

string

The aria-label attribute for the ProgressBar component.