# \[HELP wanted\] A Linear Level Indicator **URL:** \ **Category:** Share Your Nodes\ **Created:** [21 March 2019 13:38 UTC](https://discourse.nodered.org/t/help-wanted-a-linear-level-indicator/9276 "2019-03-21T13:38:15Z")\ **Posts on this page:** 8\ **Page:** 3

**Author:** ![Kazzy](https://avatars.discourse-cdn.com/v4/letter/k/34f0e0/32.png) [@Kazzy](https://discourse.nodered.org/u/Kazzy)\ **Post date:** [28 October 2020 16:22 UTC](https://discourse.nodered.org/t/help-wanted-a-linear-level-indicator/9276/42 "2020-10-28T16:22:13Z")

> [@Colin](#): > > I use Raspbian Lite where I want a m yeah Dietpi is the same very lightweight all shell driven. someone there posted a script to update nodejs.. but it takes the download from [Index of /dist/latest/](http://nodejs.org/dist/latest) which will be 15.x Im sure i could butcher the sh script to just go to the 14 folder instead ([Index of /dist/latest-v14.x/](https://nodejs.org/dist/latest-v14.x/)) but i might do that on a test vm instead first 🙂 .. im sure there is a proper way to do it so it stays in the 14.x branch. glad you were able to reproduce the UI issue though.. always best when you can actually see the problem in action 🙂 ---

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\ **Post date:** [28 October 2020 19:05 UTC](https://discourse.nodered.org/t/help-wanted-a-linear-level-indicator/9276/43 "2020-10-28T19:05:43Z")

Back to topic. V0.1.37 is available. Hopefully fixes the issue finally. A little feedback would be nice Thanks ---

**Author:** ![Kazzy](https://avatars.discourse-cdn.com/v4/letter/k/34f0e0/32.png) [@Kazzy](https://discourse.nodered.org/u/Kazzy)\ **Post date:** [28 October 2020 19:23 UTC](https://discourse.nodered.org/t/help-wanted-a-linear-level-indicator/9276/44 "2020-10-28T19:23:46Z")

tested and now working in all the Browsers i have 🙂 including on Mobile too. Glad you were able so suss it out.. Many thanks. ---

**Author:** ![Simon01011](https://avatars.discourse-cdn.com/v4/letter/s/e68b1a/32.png) [@Simon01011](https://discourse.nodered.org/u/Simon01011)\ **Post date:** [25 February 2021 20:53 UTC](https://discourse.nodered.org/t/help-wanted-a-linear-level-indicator/9276/45 "2021-02-25T20:53:22Z")

Hi! I'm using the level indicator vertically to show the position of my roller shutters. It works well without problems. Thus my post is due to a design question. For the roller shutters it would look nicer if the bars of the indicator are wider, especially as I'm not using the value field. Is there a way to increase the width of the bars of the indicator? Or is an configuration option planned for the future? Thanks in advance! 😀 ---

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\ **Post date:** [25 February 2021 21:02 UTC](https://discourse.nodered.org/t/help-wanted-a-linear-level-indicator/9276/46 "2021-02-25T21:02:30Z")

No there is no plans to make any changes for `ui_level`. Widest vertical gauge I know is the most simple one to make And you can design it as you want. See this: > [@Dashboard tips. Let the ui\_text act as level gauge ... DIY gauge examples](https://discourse.nodered.org/t/dashboard-tips-let-the-ui-text-act-as-level-gauge/40878): > > A "poor-man" level gauge created with a few lines of jquery and css. [{"id":"36bcc3c8.68771c","type":"ui\_template","z":"a05ff4cd.1ae7e8","group":"19f5ed07.08a453","name":"loll","order":12,"width":"1","height":"0","format":"\\n .levelbody{\n background: #2626b4f7;\n height: 0%;\n position: absolute;\n width: 100%;\n bottom: 0;\n z-index:0;\n transition: height 1s;\n box-shadow: inset 0px 0px 10px 0px #00000080;\n \n }\n… With slight modification This kind of thing can be done: ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/2/62e1bf902bb8998e055475906251e0ce994fc92d.png) ---

**Author:** ![Simon01011](https://avatars.discourse-cdn.com/v4/letter/s/e68b1a/32.png) [@Simon01011](https://discourse.nodered.org/u/Simon01011)\ **Post date:** [25 February 2021 21:33 UTC](https://discourse.nodered.org/t/help-wanted-a-linear-level-indicator/9276/47 "2021-02-25T21:33:31Z")

Thank you very much for your answer, but that are bad news for me. The problem is: you don't know my ability, in fact it is a "non-ability" regarding jquery 😆 But I'll try to work my way through your example and see, what I can accomplish. ---

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\ **Post date:** [25 February 2021 21:37 UTC](https://discourse.nodered.org/t/help-wanted-a-linear-level-indicator/9276/48 "2021-02-25T21:37:43Z")

All you have to do is to ask dedicated questions after you have examined the example and have decision how it should look and behave for you 🙂 Just a slight learning curve to follow ---

**Author:** ![Simon01011](https://avatars.discourse-cdn.com/v4/letter/s/e68b1a/32.png) [@Simon01011](https://discourse.nodered.org/u/Simon01011)\ **Post date:** [1 March 2021 09:16 UTC](https://discourse.nodered.org/t/help-wanted-a-linear-level-indicator/9276/49 "2021-03-01T09:16:58Z")

So thanks again! I managed to do it like you propsed with CSS and repeating-linear-gradient(). It looked quite good, but my wife was not satisfied. It looked too different from the light indicator where I am using the fa-lightbub-o in yellow or black, depending on the state. Now for the roller shutters I'm using fa-align-justify with a gradient from yellow to black depending on the position of the shutters. Now she's happy 😃 And me too, of course 😄 [Previous page](https://discourse.nodered.org/t/help-wanted-a-linear-level-indicator/9276.md?page=2)