{"repo":"react-component/progress","free":true,"listed":false,"github":"https://github.com/react-component/progress","clone":"git clone https://github.com/react-component/progress.git","description":"📊 Lightweight React line and circle progress indicators with SVG rendering.","language":"TypeScript","stars":708,"topics":["react","progress","ant-design","antd","javascript","react-component"],"license":"MIT","category":"ui-components","readme_excerpt":"@rc-component/progress Part of the Ant Design ecosystem. 📊 Lightweight React line and circle progress indicators with SVG rendering. English 简体中文 Highlights - Line and Circle progress components rendered with SVG. - Single value, segmented value, gradient color, and indeterminate loading states. - Semantic classNames and styles slots for root, rail, and track customization. - TypeScript definitions for the shared progress props. Install Usage Examples Run the local dumi site: Then open http://localhost:8000 . API Line and Circle share the same base props. Name Type Default Description --- --- --- --- className string - Additional class name for the root node. classNames Partial - Semantic class names for internal slots. gapDegree number - Gap degree for circle progress. gapPosition 'top' \\ 'right' \\ 'bottom' \\ 'left' 'bottom' Gap position for circle progress. id string - Root element id. loading boolean false Render an indeterminate loading animation. onClick React.MouseEventHandler - Click handler for the root SVG. percent number \\ number[] 0 Progress percent. Arrays render multiple tracks. prefixCls string 'rc-progress' Prefix class name. railColor string '#D9D9D9' Rail color. railWidth number 1 Rail stroke width. steps number \\ { count: number; gap: number } - Render progress as discrete steps. strokeColor string \\ Record \\ Array '#2db7f5' Track color, gradient object, or per-track colors. strokeLinecap 'round' \\ 'butt' \\ 'square' 'round' Stroke line cap. strokeWidth numb","default_branch":null,"files":null,"tree":[],"storefront":"/r/react-component","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/react-component/progress/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."}