{"repo":"kevinsqi/react-circular-progressbar","free":true,"listed":false,"github":"https://github.com/kevinsqi/react-circular-progressbar","clone":"git clone https://github.com/kevinsqi/react-circular-progressbar.git","description":"A circular progressbar component, built with SVG and extensively customizable","language":"TypeScript","stars":1119,"topics":["react","svg","progressbar"],"license":"MIT","category":"ui-components","readme_excerpt":"React Circular Progressbar A circular progressbar component, built with SVG and extensively customizable. Try it out on CodeSandbox . Version 2.0.0 is out! 👋 New features: - Use import { CircularProgressbarWithChildren } in order to put arbitrary JSX inside the component. - Use import { buildStyles } to make it easier to customize styles. - Use props.minValue and props.maxValue to specify a range other than 0-100. Breaking changes: if you're upgrading from an older version, take a look at UPGRADING.md for instructions on how to migrate. Documentation for v1.x.x will still be available at README v1.md. Installation Install with yarn: or npm: Usage Import the component and default styles: Note : Importing CSS requires a CSS loader (if you're using create-react-app, this is already set up for you). If you don't have a CSS loader, you can copy styles.css into your project instead. Now you can use the component: If your values are not in percentages, you can adjust minValue and maxValue to select the scale you want: The progressbar is designed to fill the width of its container. You can size the progressbar by sizing its container: This makes the progressbar work well with responsive designs and grid systems. Props Take a look at the CodeSandbox for interactive examples on how to use these props. ℹ️ Version 1.0.0 removed the classForPercentage and textForPercentage props in favor of className and text props. Version 2.0.0 replaces percentage with value and removes the initialAnim","default_branch":null,"files":null,"tree":[],"storefront":"/r/kevinsqi","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/kevinsqi/react-circular-progressbar/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}