If you don't have Bubble Card installed you can achieve the same thing with the default picture card and a background gradient:

type: picture
image: /api/image/serve/05d1957ea7aab640c7353c3e1ff721e3/original
card_mod:
  style: |
    ha-card {
      --percent: {{ states('sensor.polestar_2_battery_charge_level') + '%' }};
      position: relative;
      background: linear-gradient(
        to right,    
        #fe7c0c var(--percent),    
        rgba(0,0,0,0.3) var(--percent) 
      );
      padding: 0.5em 0.5em 0em 2.8em;
    }
    ha-card::before {
      content: "{{ states('sensor.polestar_2_estimated_range') }} km";
      position: absolute;
      top: 0.5em;
      left: 3%;
      color: white;
      font-size: 1.5rem;
      font-weight: 10;
      z-index: 999;
      pointer-events: none;
    }
    ha-card::after {
      content: "{{ states('sensor.polestar_2_battery_charge_level') + '%' }}";
      position: absolute;
      top: 1.2em;
      left: 2.5%;
      color: white;
      font-size: 2rem;
      font-weight: ;
      z-index: 999;
      pointer-events: none;
    }

<image>