# Perspective Level Indicator **URL:** \ **Category:** Ignition Early Access\ **Created:** [May 21, 2019, 8:03pm UTC](https://forum.inductiveautomation.com/t/perspective-level-indicator/25204 "2019-05-21T20:03:17Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![vcgasman](https://avatars.discourse-cdn.com/v4/letter/v/ecc23a/32.png) [@vcgasman](https://forum.inductiveautomation.com/u/vcgasman)\ **Post date:** [May 21, 2019, 8:03pm UTC](https://forum.inductiveautomation.com/t/perspective-level-indicator/25204/1 "2019-05-21T20:03:17Z")
I need to animate a level. The level is not in a tank so I cannot use the cylindrical tank object. For ease of discussion, let’s call it a rectangle (900x X 300y) . I need to connect it to a tag that is 0-10ft and show an animated level. What are others using, or how do I do this? 1.) Progress bar component will not work, I can’t figure out how to change the color of the progress bar itself. 2.) I used the linear scale component elsewhere and added an indicator(range, length=350, value=0, extent=level tag) and it works fine. The problem is that if I widen the linear scale component, it auto rotates the scaling to the bottom and turns it all sideways so that is now unusable. Help please. ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [May 21, 2019, 8:50pm UTC](https://forum.inductiveautomation.com/t/perspective-level-indicator/25204/3 "2019-05-21T20:50:25Z")
Abstract solution I came across a couple of months ago: Parent Container in percent mode Child Container One displays desired color and fills the parent 100% at all times. Child Container Two displays background color at a fill rate of `1.0-(value_as_percent/100)` [AbstractLevelIndicator.json](https://us1.discourse-cdn.com/inductiveautomation/original/2X/7/7705f89bfa86a88992d7ef479bc36ba78f7159d0.json) (3.2 KB) ---
**Author:** ![vcgasman](https://avatars.discourse-cdn.com/v4/letter/v/ecc23a/32.png) [@vcgasman](https://forum.inductiveautomation.com/u/vcgasman)\ **Post date:** [May 22, 2019, 2:35pm UTC](https://forum.inductiveautomation.com/t/perspective-level-indicator/25204/4 "2019-05-22T14:35:34Z")
Thank you. This works for now. I assume a “real” level indicator is coming in a future release? ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [May 22, 2019, 2:50pm UTC](https://forum.inductiveautomation.com/t/perspective-level-indicator/25204/5 "2019-05-22T14:50:32Z")
I know that we’re planning on making multiple changes to the Progress Bar which might allow it to do what you are looking for, but I have no knowledge of any new component that would function as a level indicator. ---
**Author:** ![jayce.oxton](https://avatars.discourse-cdn.com/v4/letter/j/8e8cbc/32.png) [@jayce.oxton](https://forum.inductiveautomation.com/u/jayce.oxton)\ **Post date:** [June 15, 2019, 3:01am UTC](https://forum.inductiveautomation.com/t/perspective-level-indicator/25204/6 "2019-06-15T03:01:23Z")
How do I import this into my project? ---
**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\ **Post date:** [June 17, 2019, 2:13pm UTC](https://forum.inductiveautomation.com/t/perspective-level-indicator/25204/7 "2019-06-17T14:13:44Z")
First Way: 1. Download the .json file. 2. Open the file in your preferred text editor. 3. Copy the entire contents of the text onto your clipboard. 4. Create a View which you will not need to keep somewhere in your existing project. 5. Hold Shift down and then right-click the named View node (not the root node, but the actual node which displays the name of the View). 6. Select Paste JSON. Second Way: 1. Download the file. 2. Place the file within your gateway’s file system, somewhere within your project. 3. Open a Designer. 4. The file should be visible in the Project Browser in the Perspective \> Views context, with a path matching the location you placed the file within the project. ---
**Author:** ![iscrac](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/iscrac/32/49757_2.png) [@iscrac](https://forum.inductiveautomation.com/u/iscrac)\ **Post date:** [March 24, 2020, 6:43am UTC](https://forum.inductiveautomation.com/t/perspective-level-indicator/25204/8 "2020-03-24T06:43:43Z")
Hi Everyone! I have one more solution of displaying Level: If You add new value named 'background' to the style object of container: > linear-gradient(0deg, rgba(43,87,135,1) 50%, rgba(255,255,255,1) 0%) and change value (50%) then Your Container will fill for 50% (for example). Here's the link for linear-color online-constructor: [Linear-scale](https://cssgradient.io/) Hope it will help someone 😚 ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [September 15, 2020, 12:13am UTC](https://forum.inductiveautomation.com/t/perspective-level-indicator/25204/9 "2020-09-15T00:13:21Z")
@Sanderd17 had a good solution as well with a simple SVG [here](http://forum.inductiveautomation.com/t/perspective-equivalent-vision-level-indicator/37786/2)