# \[HELP wanted\] A Linear Level Indicator

**URL:** <https://discourse.nodered.org/t/help-wanted-a-linear-level-indicator/9276>\
**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:** 1\
**Showing post:** 46

<div class="post-metadata">

**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")

</div>

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":"\<style\>\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)

---

_[View the full topic](https://discourse.nodered.org/t/help-wanted-a-linear-level-indicator/9276)._