FilesExpand file tree

 master

/

Basic.tsx

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

26 lines (24 loc) · 793 Bytes

 master

/

Basic.tsx

Top

File metadata and controls

• Code
• Blame

26 lines (24 loc) · 793 Bytes

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

import React from 'react';

import ProgressBar from 'react-customizable-progressbar';

import { ExampleProps } from './Examples';

import ExampleCard from './ExampleCard';

const Basic = ({ progress }: ExampleProps) => (

<ExampleCard

title="Basic"

href="https://github.com/martyan/react-customizable-progressbar/blob/master/examples/src/Basic.tsx"

>

<ProgressBar

radius={100}

progress={progress}

strokeWidth={18}

strokeColor="#5d9cec"

strokeLinecap="square"

trackStrokeWidth={18}

>

<div className="flex items-center justify-center text-center absolute top-0 w-full h-full m-auto text-[2.2em] font-thin text-[#555] select-none">

<div>{progress}%</div>

</div>

</ProgressBar>

</ExampleCard>

);

export default Basic;