Last Updated: 15 Oct 2020 19:02 by ADMIN
Created on: 06 Feb 2018 07:18
Category: ProgressBar
Type: Feature Request
RadProgressBar to handle dual progress scenario

Attached Files:
Peter Milchev
Posted on: 15 Oct 2020 19:02

Hello Kasim,

The ProgressBar is not designed for such complex scenarios and that is why this will not be implemented out of the box.

One option you have is to create two ProgressBars and using styles to position them one over the other.

On the other hand, this scenario is actually a pure Bullet Chart:

To make it a real progress bar, you can change the data dynamically by setting the transitions to false and using the setOptions() method as demonstrated in the dojo below:

Peter Milchev
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

Posted on: 06 Feb 2018 07:19
I have a scenario where I would like to show dual progress on a single progress bar. Something similar to what is shown in the attached screenshot. 

We have three values to show:

Total Contract Value: e.g. 100 Mn
Milestones completed: e.g. 80 Mn
Payment : e.g. 50 Mn