0

我正在尝试将渐变设置为 Chakra UI 的 Progress 组件，但它不支持背景图像更改。知道如何实现这一目标，甚至有可能吗？

4

2 回答 2

1

我最近遇到了这个问题，并使用sx道具来div设置进度条的实际样式。

<Progress
  height="24px"
  borderRadius="2xl"
  value={60}
  sx={{
    '& > div': {
      background: 'linear-gradient(90deg, rgba(43,108,176,1) 10%, rgba(66,153,225,1) 90%)',
    },
  }}
/>
于 2021-07-07T13:33:22.530 回答
0 
<Progress
   bgGradient="linear(gray.300,yellow.400,pink.200)"
/>
于 2021-07-17T14:34:29.447 回答