Timer progress bar with mushroom card

hi,

I am trying to achieve next, using mushroom card with timer-bar-card:

my mushroom card:

type: custom:mushroom-template-card
primary: Heater
secondary: '{{ ''on' if states(entity) == ''on'' else ''off' }}'
icon: mdi:patio-heater
entity: switch.heater_entity
fill_container: false
layout_options:
    grid_columns: 2
    grid_rows: 2
icon_color: blue

my timer-bar-card:

type: custom:timer-bar-card
entity: timer.heater_bath_room
name: heater
invert: true
bar_direction: ltr
bar_foreground: green
bar_width: 100%
bar_height: 20px
layout: full_row
text_width: 30px
show_empty: true
mushroom: null

how can I combine them (mushroom card and timer-bar card) to get attached example

Thanks