example.tsx
1import Circle from 'react-circle';
2
3<Circle
4 animate={true}
5 animationDuration="1s"
6 responsive={false}
7 size="100"
8 lineWidth="25"
9 progress="0"
10 progressColor="rgb(76, 154, 255)"
11 bgColor="#ecedf0"
12 textColor="#6b778c"
13 textStyle={{
14 font: 'bold 4rem Helvetica, Arial, sans-serif'
15 }}
16 percentSpacing={10}
17 roundedStroke={false}
18 showPercentage={true}
19 showPercentageSymbol={true}
20/>