English | 简体中文
涂鸦风格圆形进度条
$ npm install @ray-js/components-ty-progress-circle
# or
$ yarn add @ray-js/components-ty-progress-circle
import ProgressCircle from '@ray-js/components-ty-progress-circle';
export default () => <ProgressCircle />;
<ProgressCircle percent={percent} />
<ProgressCircle percent={percent} fillColor="linear-gradient(90deg, #FA709A 0%, #FEDD44 100%)" />
<ProgressCircle percent={percent} fillColor="linear-gradient(90deg, #FA709A 0%, #FEDD44 100%)">
<Text>{percent}%</Text>
</ProgressCircle>
<ProgressCircle
percent={percent}
trackColor="#000000"
trackWidth="5px"
fillColor="linear-gradient(90deg, #FA709A 0%, #FEDD44 100%)"
>
<Text>{percent}%</Text>
</ProgressCircle>