Angular ProgressBar - Progress Status

The progress status displays a numeric value indicating the made progress. Whether the progress status is visible or not depends on the showStatus property. To format the status string, use the statusFormat function. It should return a string value.

HTML
TypeScript
  • <dx-progress-bar
  • [min]="0"
  • [max]="100"
  • [value]="40"
  • [showStatus]="true"
  • [statusFormat]="statusFormat">
  • </dx-progress-bar>
  • import { DxProgressBarModule } from "devextreme-angular";
  • // ...
  • export class AppComponent {
  • statusFormat(value) {
  • return value + " USD";
  • }
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxProgressBarModule
  • ],
  • // ...
  • })
See Also