Features

• For different progress percentages, the appropriate custom text can be displayed inside the progress bar.
• Use the following code to add the Custom Text with the ProgressBar Value:

<%=Html.Syncfusion().ProgressBar("ProgressBar")         
      .AllowCustomText(true)
      .ClientSideOnCustomTextRendering("onCustomText")          
%>

• In JavaScript, define the function to handle the client-side events of the ProgressBar control.

<script type="text/javascript"><br/>
function onCustomText (sender, args) {
    //define your code<br/>
}
…
</script>

Interactive Features

• The progress-bar percentage value can be updated using the ClientSideOnChange event.
• Using the ClientSideCustomTextRendering event, you will be able to set the custom text for each ClientSideOnChange event.
• Click the Start Progress button to start the progress bar.

For more information, please visit our Tools Documentation :