cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Have a PTC product question you need answered fast? Chances are someone has asked it before. Learn about the community search. X

Create Progress bar using shape with fill percentage

TIRUNL
7-Bedrock

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.  

 

ACCEPTED SOLUTION

Accepted Solutions

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 solution in original post

3 REPLIES 3

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

Thank you. It worked :)

slangley
23-Emerald II
(To:TIRUNL)

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

 

 

Announcements


Top Tags