DevExtreme React - 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 that may contain a Globalize format pattern.

JavaScript
var globalizeFormatter = Globalize("en").numberFormatter({
    style: "percent",
    minimumFractionDigits: 2,
    maximumFractionDigits: 2
});

$(function(){
     $("#progressBarContainer").dxProgressBar({
         value: 40,
         min: 0,
         max: 100,
         showStatus: true,
         statusFormat: function(ratio, value) {
             return globalizeFormatter(ratio) + "%";
         }
     });
});
NOTE
If you are going to use Globalize format patterns, reference the Globalize scripts on your page.
See Also