{"_id":"@rc-component/progress","_rev":"4537617","name":"@rc-component/progress","description":"progress ui component for react","dist-tags":{"latest":"1.0.2"},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"time":{"modified":"2026-04-09T15:01:55.000Z","created":"2025-04-16T16:35:52.236Z","1.0.2":"2025-11-28T03:01:49.226Z","1.0.1":"2025-04-17T06:48:11.322Z","1.0.0":"2025-04-16T16:35:52.236Z"},"users":{},"repository":{"type":"git","url":"git+ssh://git@github.com/react-component/progress.git"},"versions":{"1.0.2":{"name":"@rc-component/progress","version":"1.0.2","description":"progress ui component for react","keywords":["react","react-component","react-progress","progress"],"homepage":"http://github.com/react-component/progress","repository":{"type":"git","url":"git+ssh://git@github.com/react-component/progress.git"},"bugs":{"url":"http://github.com/react-component/progress/issues"},"license":"MIT","main":"./lib/index","module":"./es/index","scripts":{"start":"dumi dev","docs:build":"dumi build","docs:deploy":"gh-pages -d dist","deploy":"npm run docs:build && npm run docs:deploy","compile":"father build","prepare":"dumi setup","gh-pages":"npm run now-build && father doc deploy","prepublishOnly":"npm run compile && rc-np","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js","prettier":"prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"","test":"rc-test","tsc":"tsc --noEmit","coverage":"father test --coverage","now-build":"npm run docs:build"},"dependencies":{"@rc-component/util":"^1.2.1","clsx":"^2.1.1"},"devDependencies":{"@rc-component/father-plugin":"^2.0.4","@rc-component/np":"^1.0.4","@testing-library/react":"^13.0.0","@types/jest":"^29.4.0","@types/keyv":"3.1.4","@types/node":"^24.5.2","@types/react":"^18.0.9","@types/react-dom":"^18.0.3","@umijs/fabric":"^3.0.0","dumi":"^2.0.0","eslint":"^8.57.0","eslint-plugin-jest":"^27.6.0","eslint-plugin-unicorn":"^50.0.1","father":"^4.0.0","glob":"^8.0.1","prettier":"^3.1.1","rc-test":"^7.0.15","react":"^18.0.0","react-dom":"^18.0.0","typescript":"^5.0.0"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"_id":"@rc-component/progress@1.0.2","gitHead":"0528d0817a868bc1ee4d631f4be4174ef7de6451","types":"./lib/index.d.ts","_nodeVersion":"22.8.0","_npmVersion":"11.6.0","dist":{"shasum":"9aba5e24d3ca73a61a451fd041f5d03ca8907c62","size":9953,"noattachment":false,"key":"/@rc-component/progress/-/@rc-component/progress-1.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rc-component/progress/download/@rc-component/progress-1.0.2.tgz"},"_npmUser":{"name":"afc163","email":"afc163@gmail.com"},"directories":{},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/progress_1.0.2_1764298909044_0.5610070346074467"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-11-28T03:01:49.226Z","publish_time":1764298909226,"_source_registry_name":"default","_cnpm_publish_time":1764298909226},"1.0.1":{"name":"@rc-component/progress","version":"1.0.1","description":"progress ui component for react","keywords":["react","react-component","react-progress","progress"],"homepage":"http://github.com/react-component/progress","repository":{"type":"git","url":"git+ssh://git@github.com/react-component/progress.git"},"bugs":{"url":"http://github.com/react-component/progress/issues"},"license":"MIT","main":"./lib/index","module":"./es/index","scripts":{"start":"dumi dev","docs:build":"dumi build","docs:deploy":"gh-pages -d dist","deploy":"npm run docs:build && npm run docs:deploy","compile":"father build","prepare":"dumi setup","gh-pages":"npm run now-build && father doc deploy","prepublishOnly":"npm run compile && rc-np","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js","prettier":"prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"","test":"rc-test","tsc":"tsc --noEmit","coverage":"father test --coverage","now-build":"npm run docs:build"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"dependencies":{"@rc-component/util":"^1.2.1","classnames":"^2.2.6"},"devDependencies":{"@rc-component/father-plugin":"^2.0.4","@rc-component/np":"^1.0.4","@testing-library/react":"^13.0.0","@types/classnames":"^2.2.9","@types/jest":"^29.4.0","@types/keyv":"3.1.4","@types/react":"^18.0.9","@types/react-dom":"^18.0.3","@umijs/fabric":"^3.0.0","cross-env":"^7.0.0","dumi":"^2.0.0","eslint":"^8.57.0","eslint-plugin-jest":"^27.6.0","eslint-plugin-unicorn":"^50.0.1","father":"^4.0.0","glob":"^8.0.1","prettier":"^3.1.1","rc-test":"^7.0.15","react":"^18.0.0","react-dom":"^18.0.0","typescript":"^5.0.0"},"_id":"@rc-component/progress@1.0.1","gitHead":"114f973e4139398fe0af3455ddf83cefb6c919e7","types":"./lib/index.d.ts","_nodeVersion":"22.5.1","_npmVersion":"10.8.2","dist":{"shasum":"07d23aa4e44091d10935a2c6a246a29a3aaa86f9","size":9934,"noattachment":false,"key":"/@rc-component/progress/-/@rc-component/progress-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rc-component/progress/download/@rc-component/progress-1.0.1.tgz"},"_npmUser":{"name":"zombiej","email":"smith3816@gmail.com"},"directories":{},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/progress_1.0.1_1744872491143_0.8978280355771333"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-04-17T06:48:11.322Z","publish_time":1744872491322,"_source_registry_name":"default","_cnpm_publish_time":1744872491322},"1.0.0":{"name":"@rc-component/progress","version":"1.0.0","description":"progress ui component for react","keywords":["react","react-component","react-progress","progress"],"homepage":"http://github.com/react-component/progress","repository":{"type":"git","url":"git+ssh://git@github.com/react-component/progress.git"},"bugs":{"url":"http://github.com/react-component/progress/issues"},"license":"MIT","main":"./lib/index","module":"./es/index","scripts":{"start":"dumi dev","docs:build":"dumi build","docs:deploy":"gh-pages -d dist","deploy":"npm run docs:build && npm run docs:deploy","compile":"father build","prepare":"dumi setup","gh-pages":"npm run now-build && father doc deploy","prepublishOnly":"npm run compile && rc-np","lint":"eslint src/ --ext .ts,.tsx,.jsx,.js","prettier":"prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"","test":"rc-test","tsc":"tsc --noEmit","coverage":"father test --coverage","now-build":"npm run docs:build"},"peerDependencies":{"react":">=16.9.0","react-dom":">=16.9.0"},"dependencies":{"@rc-component/util":"^1.2.1","classnames":"^2.2.6"},"devDependencies":{"@rc-component/father-plugin":"^2.0.4","@rc-component/np":"^1.0.4","@testing-library/react":"^13.0.0","@types/classnames":"^2.2.9","@types/jest":"^29.4.0","@types/keyv":"3.1.4","@types/react":"^18.0.9","@types/react-dom":"^18.0.3","@umijs/fabric":"^3.0.0","cross-env":"^7.0.0","dumi":"^2.0.0","eslint":"^8.57.0","eslint-plugin-jest":"^27.6.0","eslint-plugin-unicorn":"^50.0.1","father":"^4.0.0","glob":"^8.0.1","prettier":"^3.1.1","rc-test":"^7.0.15","react":"^18.0.0","react-dom":"^18.0.0","typescript":"^5.0.0"},"_id":"@rc-component/progress@1.0.0","gitHead":"9b7899e6abc7ba4cafdd428b6272db6fa063097f","types":"./lib/index.d.ts","_nodeVersion":"22.5.1","_npmVersion":"10.8.2","dist":{"shasum":"f38a8d8f9480beaa569c506316107c6352849597","size":9928,"noattachment":false,"key":"/@rc-component/progress/-/@rc-component/progress-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/@rc-component/progress/download/@rc-component/progress-1.0.0.tgz"},"_npmUser":{"name":"zombiej","email":"smith3816@gmail.com"},"directories":{},"maintainers":[{"name":"afc163","email":""},{"name":"chenshuai2144","email":""},{"name":"madccc","email":""},{"name":"peachscript","email":""},{"name":"zombiej","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/progress_1.0.0_1744821352012_0.03455432255504198"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2025-04-16T16:35:52.236Z","publish_time":1744821352236,"_source_registry_name":"default","_cnpm_publish_time":1744821352236}},"readme":"# @rc-component/progress\n\nProgress Bar.\n\n[![NPM version][npm-image]][npm-url] [![dumi](https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square)](https://github.com/umijs/dumi) [![build status][github-actions-image]][github-actions-url] [![Test coverage][coveralls-image]][coveralls-url] [![npm download][download-image]][download-url] [![bundle size][bundlephobia-image]][bundlephobia-url]\n\n[npm-image]: http://img.shields.io/npm/v/@rc-component/progress.svg?style=flat-square\n[npm-url]: http://npmjs.org/package/@rc-component/progress\n[github-actions-image]: https://github.com/react-component/progress/workflows/CI/badge.svg\n[github-actions-url]: https://github.com/react-component/progress/actions\n[circleci-image]: https://img.shields.io/circleci/react-component/progress/master?style=flat-square\n[circleci-url]: https://circleci.com/gh/react-component/progress\n[coveralls-image]: https://img.shields.io/coveralls/react-component/progress.svg?style=flat-square\n[coveralls-url]: https://coveralls.io/r/react-component/progress?branch=master\n[david-url]: https://david-dm.org/react-component/progress\n[david-image]: https://david-dm.org/react-component/progress/status.svg?style=flat-square\n[david-dev-url]: https://david-dm.org/react-component/progress?type=dev\n[david-dev-image]: https://david-dm.org/react-component/progress/dev-status.svg?style=flat-square\n[download-image]: https://img.shields.io/npm/dm/@rc-component/progress.svg?style=flat-square\n[download-url]: https://npmjs.org/package/@rc-component/progress\n[bundlephobia-url]: https://bundlephobia.com/result?p=@rc-component/progress\n[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/@rc-component/progress\n\n## Example\n\nhttps://progress.react-component.vercel.app/\n\n## Screenshots\n\n<img src=\"https://t.alipayobjects.com/images/T12p8gXjpgXXXXXXXX.gif\" />\n\n## Browsers\n\n* support IE9+, Chrome, Firefox, Safari\n\n## Install\n\n[![@rc-component/progress](https://nodei.co/npm/@rc-component/progress.png)](https://npmjs.org/package/@rc-component/progress)\n\n## Usage\n\n```js\nimport { Line, Circle } from '@rc-component/progress';\n\nexport default () => (\n  <>\n     <Line percent={10} strokeWidth={4} strokeColor=\"#D3D3D3\" />\n     <Circle percent={10} strokeWidth={4} strokeColor=\"#D3D3D3\" /> \n  </>\n);\n```\n\n## Compatibility\n\n| [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Safari | [<img src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png\" alt=\"Electron\" width=\"24px\" height=\"24px\" />](http://godban.github.io/browsers-support-badges/)<br>Electron |\n| --- | --- | --- | --- | --- |\n| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |\n\n## API\n\n### props\n\n<table class=\"table table-bordered table-striped\">\n  <thead>\n  <tr>\n    <th style=\"width: 100px;\">name</th>\n    <th style=\"width: 50px;\">type</th>\n    <th style=\"width: 50px;\">default</th>\n    <th>description</th>\n  </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>strokeWidth</td>\n      <td>Number</td>\n      <td>1</td>\n      <td>Width of the stroke. Unit is percentage of SVG canvas size.</td>\n    </tr>\n    <tr>\n      <td>strokeColor</td>\n      <td>String</td>\n      <td>#2db7f5</td>\n      <td>Stroke color.</td>\n    </tr>\n    <tr>\n      <td>railWidth</td>\n      <td>Number</td>\n      <td>1</td>\n      <td>Width of the rail stroke. Unit is percentage of SVG canvas size. Rail is always centered relative to actual progress path. If railWidth is not defined, it is the same as strokeWidth.</td>\n    </tr>\n    <tr>\n      <td>railColor</td>\n      <td>String</td>\n      <td>#D9D9D9</td>\n      <td>Color for lighter rail stroke underneath the actual progress path.</td>\n    </tr>\n    <tr>\n      <td>strokeLinecap</td>\n      <td>String</td>\n      <td>'round'</td>\n      <td>The shape to be used at the end of the progress bar: can be `butt`, `square` or `round`.</td>\n    </tr>\n    <tr>\n      <td>prefixCls</td>\n      <td>String</td>\n      <td>rc-progress</td>\n      <td>prefix className for component</td>\n    </tr>\n    <tr>\n      <td>className</td>\n      <td>String</td>\n      <td></td>\n      <td>customized className</td>\n    </tr>\n    <tr>\n      <td>style</td>\n      <td>Object</td>\n      <td></td>\n      <td>style object will be added to svg element</td>\n    </tr>\n    <tr>\n      <td>percent</td>\n      <td>Number | Number[]</td>\n      <td>0</td>\n      <td>the percent of the progress</td>\n    </tr>\n    <tr>\n      <td>gapDegree</td>\n      <td>Number</td>\n      <td>0</td>\n      <td>the gap degree of half circle, 0 - 360</td>\n    </tr>\n    <tr>\n      <td>gapPosition</td>\n      <td>String</td>\n      <td>top</td>\n      <td>the gap position: can be `top`, `bottom`, `left`, or `right`. </td>\n    </tr>\n    <tr>\n      <td>loading</td>\n      <td>Boolean</td>\n      <td>false</td>\n      <td>If it is true the indeterminate progress will be enabled.</td>\n    </tr>\n  </tbody>\n</table>\n\n## Installation\n\n```\nnpm install --save @rc-component/progress\n```\n\n## Development\n\n```\nnpm install\nnpm start\n```\n\n## License\n\n@rc-component/progress is released under the MIT license.\n","_attachments":{},"homepage":"http://github.com/react-component/progress","bugs":{"url":"http://github.com/react-component/progress/issues"},"license":"MIT"}