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
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.