Progress® Telerik® UI for ASP.NET AJAX Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 15 Oct 2020 19:02 by ADMIN
Kasim
Created on: 06 Feb 2018 07:18
Category: ProgressBar
Type: Feature Request
1
RadProgressBar to handle dual progress scenario

		

			

				
Attached Files:


			



	

	

		
	

	
	

			2 comments
	

		

			

				

					

		
	
		
ADMIN



				

				

					

						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:
Regards,
 
Peter Milchev

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

				

			

				

		

		

			

				

					

		
	


				

				

					

						Kasim
					

					

						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

				

			

		





    



        

            

                    Create an account
                    Log In

                
View

                
            

            
Type

            
            
Status

            
                
Category