DevExtreme Angular - 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 option. 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