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

Create Progress bar using shape with fill percentage

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.  

 

CarlesCollAnswer
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
View in thread

3 replies

CarlesColl1-VisitorAnswer
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
Translate
TIRUNL1-VisitorAuthor
1-Visitor
December 19, 2018

Thank you. It worked 🙂

Translate
slangleyCommunity Manager
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

 

 

Translate
Terms & ConditionsAccessibility statement