Card for liquid

Configuration
1

Hi

Is there a card to display the level of liquid?

like a barrel? gas tank?

2

The closest I can think of is the

1 Like
3

i found this one but example on instruction on not good :frowning:

swingerman/lovelace-fluid-level-background-card: This card wraps any other cards and renders a fluid background behind them. (github.com)

4

HA Watt

custom bar-card

entities:
  - entity: sensor.ac_licznik_dom_power
    name: HA Watt
    animation:
      state: 'on'
      speed: '2'
decimal: 1
max: 30
min: 10
severity:
  - color: '#0080FF'
    from: '0'
    to: '10'
  - color: '#40bf40'
    from: '10'
    to: '15'
  - color: '#bf9540'
    from: '15'
    to: '20'
  - color: '#c0392b'
    from: '20'
    to: '40'
direction: up
height: 150px
width: 44px
animation:
  state: 'on'
speed: '2'
positions:
  indicator: outside
  icon: 'off'
style: |-
  .card-header {
    font-size: 18px;
  }
  bar-card-value, bar-card-name {
    font-size: 12px;
    transform-origin: 0 0;
    transform: rotate(270deg);
    text-shadow: 1px 1px #0008;
    white-space: nowrap;
  }
  bar-card-value {
    margin-right: auto;
    margin-left: 6px;
    margin-bottom: auto;
    margin-top: auto;
  }
  bar-card-name {
    margin-right: auto;
    margin-left: 0px;
    margin-bottom: -130px;
    margin-top: 130px;
    right: 20px;
  }
  bar-card-currentbar, bar-card-backgroundbar {
    border-radius: 12px;
    border: 1px solid #DDD9;
  }
stack: horizontal
title: HA
type: custom:bar-card
2 Likes