title: How to change the background color of the Chakra UI Progress component?
body: <p>The same question as <a href="https://stackoverflow.com/questions/69531448/how-to-change-the-background-color-of-the-chakra-ui-toast-component">this</a>, but for Progress instead of Toast. Extending the theme's Progress component does nothing, so I thought this component also uses another component, like how the Toast uses Alert, but I couldn't find anything about this.
  This doesn't work for Progress: (but it works for other components, like Button or Alert)</p>
  <pre><code>const customTheme = extendTheme({
    components: {
      Progress: {
        baseStyle: {
          bg: '#d4f3e7'
        }
      }
    }
  })
  </code></pre>