Progress Bar Right to Left instead of Left to Right

Ignition
1

Hello,
I am using Ignition Perspective and I needed some assistance changing the progress bar to left to right. What properties should I change?

2

changing the progress bar to left to right.

It is left to right by default.

If you mean right to left then set,
POSITION.rotate.angle : 180deg

3

I don’t seem to see that option through my end how can I add it?

4

Progress bar rotate
Progress bar rotate281×417 15.5 KB

5

I have tried this already and this is what happens

IMG_3758
IMG_37582677×1155 1.51 MB

6

I see "shrink" and "basis" in your screengrab and the Progress Bar component doesn't have these properties. I suspect that you've selected the wrong component or a container.

Right-click on the progress bar in the Project Browser and Deep Select.

7

They probably have the Progress Bar in a Flex container, in which case they would have "shrink" and "basis" and wouldn't be able to use "rotate".

Please use the settings below to have the track bar going from right to left:

image
image386×712 25.7 KB

image

The transform : scale(-1) in the track property allows to reverse the progress bar.

Adding the second transform: scale(-1) in the valueDisplay allows to ensure the text is not reversed.

3 Likes