How can I create sections in RingProgress with a gradient?

[night surge]

<RingProgress
label={
<div className='text-center text-sm font-medium leading-snug text-black'>{${percentage}%}</div>
}
rootColor='#E0E3E7'
size={68}
thickness={5}
roundCaps
sections={[{ value: percentage, color: 'url(#gradient)' }]}
sx={{
label: { top: '54%' },
'circle:nth-of-type(2)': {
stroke: 'linear-gradient(to bottom, #FC9D00, #FBCC1D)',
},
}}
/>
It's not working for me)

[elder dagger]

https://ui.mantine.dev/category/app-cards#stats-ring-card

you want something like this?

[night surge]

Yes, that sounds a lot like what I need! But unfortunately, linearGradient isn't shown in this example

[elder dagger]

well you can replace the ring in that code with your ring to show the ring you want.