nice visual minimal, intuitive and simple power bar.

type: custom:bar-card
unit_of_measurement: W
min: 0
max: 8000
height: 24px
direction: right
decimal: 0
indicator: "off"
positions:
  icon: inside
  indicator: "off"
  name: "off"
  value: inside
entities:
  - entity: sensor.house_power_consumption
card_mod:
  style: |
    /* 1 ─ ICON STYLE */
    ha-card {
      --mdc-icon-size: 20px;
    }
    bar-card-iconbar ha-icon {
      color: black !important;
      fill: black !important;
      margin-right: 6px;
    }

    /* 2 ─ ROUNDED CORNERS */
    bar-card-backgroundbar,
    bar-card-currentbar {
      --bar-card-border-radius: 12px;
    }

    /* 3 ─ GRADIENT TRACK */
    bar-card-backgroundbar {
      background-image: linear-gradient(to right,
        #2ecc71 0%,
        #f1c40f 60%,
        #e74c3c 100%);
    }

    /* 4 ─ FILLED BAR ─ CLIPPED GRADIENT */
    bar-card-currentbar {
      background-image: linear-gradient(to right,
        #2ecc71 0%,
        #f1c40f 60%,
        #e74c3c 100%);
      clip-path: polygon(0 0, var(--bar-percent) 0,
                         var(--bar-percent) 100%, 0 100%);
    }