# Vertical fill on Perspective Progress Bar Possible?

**URL:** <https://forum.inductiveautomation.com/t/vertical-fill-on-perspective-progress-bar-possible/58712>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 21, 2022, 7:07pm UTC](https://forum.inductiveautomation.com/t/vertical-fill-on-perspective-progress-bar-possible/58712 "2022-04-21T19:07:09Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ftuquabo](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ftuquabo/32/29161_2.png) [@ftuquabo](https://forum.inductiveautomation.com/u/ftuquabo)\
**Post date:** [April 21, 2022, 7:07pm UTC](https://forum.inductiveautomation.com/t/vertical-fill-on-perspective-progress-bar-possible/58712/1 "2022-04-21T19:07:09Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/3/e3c7994ee7f5627202bf5373dbdba3dd1a46a94a.png)  
In perspective, is it possible to use vertical fill on the progress bar without having to rotate the object?

---

<div class="post-metadata">

**Author:** ![plo](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/plo/32/33875_2.png) [@plo](https://forum.inductiveautomation.com/u/plo)\
**Post date:** [April 21, 2022, 9:08pm UTC](https://forum.inductiveautomation.com/t/vertical-fill-on-perspective-progress-bar-possible/58712/2 "2022-04-21T21:08:15Z")

</div>

No, rotating the component the 270 degrees would be your best bet.

But you can make a feature request to see if that particular feature can be added in the future. You can submit your request here - [Ignition Features and Ideas | Inductive Automation](https://ideas.inductiveautomation.com/ignition-features-and-ideas)

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 21, 2022, 9:30pm UTC](https://forum.inductiveautomation.com/t/vertical-fill-on-perspective-progress-bar-possible/58712/3 "2022-04-21T21:30:14Z")

</div>

> [@ftuquabo](#):
>
> ... is it possible to use vertical fill on the progress bar without having to rotate the object?

What's the problem with progress bar rotation? It seems to be the sensible way to do it.

It may be possible to do what you want with CSS injection. The standard progress bar actually has a full-width bar that is moved left with CSS `transform: translateX(25%)` to give a 75% display. I don't seem to be able to add in a `translateY()` instruction.

---

<div class="post-metadata">

**Author:** ![rbachman](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/rbachman/32/43718_2.png) [@rbachman](https://forum.inductiveautomation.com/u/rbachman)\
**Post date:** [January 27, 2023, 8:46pm UTC](https://forum.inductiveautomation.com/t/vertical-fill-on-perspective-progress-bar-possible/58712/4 "2023-01-27T20:46:16Z")

</div>

The main challenge is that it can't be rotated in a flex view, so it is difficult to get the progress bar to scale well on different size screens. Also, the positional properties (e.g. x, y, width, height) are in reference to when the rotation angle is 0deg, so they look really weird when the progress bar is rotated.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/b/eb207d5ed1866e9cb4eb4258b86f09eee2af6e0b.png)

It looks like the progress is way off the screen with the x coordinate, and when in reality, the progress bar just sits vertically on the left side of the screen.

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [July 11, 2025, 4:15pm UTC](https://forum.inductiveautomation.com/t/vertical-fill-on-perspective-progress-bar-possible/58712/5 "2025-07-11T16:15:25Z")

</div>

I solved this problem for someone else in another thread. A colleague asked me about it and I found your thread while looking for that one.

Here's how you build a vertical progress bar control

> [@Rotate Progress component in Flex Container](https://forum.inductiveautomation.com/t/rotate-progress-component-in-flex-container/108278):
>
> I want a Progress component that is vertical rather than horizontal, and am struggling to find a way to do this. All the other forum threads and google answers have resulted in "it's not possible" (as of a year ago or more) or "use the rotation option" which appears to only be available in vision. The only solution I've found so far is to use a coordinate container, but that seems to get messy quickly if the view is dynamic for screen size variations. I want to have 7 of these bars, each next to…
