Convert lovelance card to Mushroom card

Hi, I would like to convert the “shutter group” card from custom:cover-position-preset-row, to a Mushroom card but I don’t know which one can indicate the various positions of the state of the roller shutters, as in the attached photo. What do you recommend?
Screenshot 2024-01-26 234947

  - type: entities
    title: Tapparelle
    show_header_toggle: false
    state_color: true
      - type: custom:cover-position-preset-row
        name: Tapparelle
        entity: group.cover
        reverseButtons: true

        customTheme: false
        isOpenedColor: '#ffff00'
        isMidOpenedColor: '#ffbf00'
        isMidClosedColor: '#cc0000'
        isClosedColor: '#4169e1'
        buttonInactiveColor: '#ffffff'

        customSetpoints: true
        openPosition: 100
        midOpenPosition: 85
        midClosePosition: 40
        closePosition: 15
#       customText: false
        width: '40px'
        height: '40px'