RTL Support
Right-to-left starts from the right of the page and continues to the left. By default, this option is set to ‘false’ in the ProgressBar control. The EnableRTL option allows the ProgressBar control to display it in the right to left direction.
The following steps explain how to enable the RTL property of the ProgressBar control.
- In the VIEW page, add a helper element to render the ProgressBar widget.
// Add the following code example to the corresponding CSHTML page to render ProgressBar control to display it in the right-to-left direction.
@Html.EJ().ProgressBar("progressbar").Value(70).Height("20").Width("500").EnableRTL(true)
<script>
var progress;
$(document).ready(function ()
{
progress = $("#progressbar").data("ejProgressBar");
progress.setModel({ text: progress.getValue() + " %"});
});
</script>
The following screenshot displays the output.
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page