Skip to main content
1-Visitor
December 19, 2018
Solved

Create Progress bar using shape with fill percentage

  • December 19, 2018
  • 3 replies
  • 3052 views

Hi,

Can anyone please help me in providing solution to create progress bar using shape?  Have seen some comments in one of post that can be done with shape. Attaching screen shot for reference , I  need to change color to red from green when it is close to threshold value.  

 

Best answer by CarlesColl

You just need to bind the progress on the Data property of Shape Widget, in order to change color you should leverage the StateFormatting property accordingly, some other properties to check

 

  • EnableDynamicFill = true
  • Gradient Orientation = Horizontal
  • DynamicRangeMinimum / Maximum to set your progress value range ( 0..1 or 0..100 for instance)
  • DynamicFillOrientation = Horizontal
  • RectangleCornerRadious = 0

3 replies

1-Visitor
December 19, 2018

You just need to bind the progress on the Data property of Shape Widget, in order to change color you should leverage the StateFormatting property accordingly, some other properties to check

 

  • EnableDynamicFill = true
  • Gradient Orientation = Horizontal
  • DynamicRangeMinimum / Maximum to set your progress value range ( 0..1 or 0..100 for instance)
  • DynamicFillOrientation = Horizontal
  • RectangleCornerRadious = 0
TIRUNL1-VisitorAuthor
1-Visitor
December 19, 2018

Thank you. It worked 🙂

Support
December 19, 2018

Hi @TIRUNL.

 

For the benefit of others with the same question, please mark the reply from @CarlesColl as the Accepted Solution.

 

Thank you for your participating in our Community!

 

Regards.

 

--Sharon