{"_id":"react-progress-bar.js","_rev":"8-aa1b7f01622064a3d043ae0f42d653f0","name":"react-progress-bar.js","description":"React wrapper for progressbar.js","dist-tags":{"latest":"0.2.3"},"versions":{"0.2.0-dev":{"name":"react-progress-bar.js","version":"0.2.0-dev","description":"React wrapper for progressbar.js","main":"dist/react-progressbar.js","repository":{"type":"git","url":"git+https://github.com/kimmobrunfeldt/react-progressbar.js.git"},"keywords":["react","progressbar","progress","loader","pace","bar","radial","circle","semicircle","line","indicator","loading","circular"],"license":"MIT","dependencies":{"lodash.isequal":"^4.1.4","progressbar.js":"^1.0.1","react":"^16.0.0","react-dom":"^16.0.0"},"devDependencies":{"babel":"^6.5.2","babel-cli":"^6.7.7","babel-eslint":"^6.0.3","babel-jscs":"^3.0.0-beta1","babel-plugin-transform-es2015-modules-umd":"^6.6.5","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babelify":"^7.2.0","bluebird":"^3.3.5","commander":"^2.8.1","concurrently":"^2.0.0","eslint":"^2.8.0","eslint-plugin-react":"^5.0.1","http-server":"^0.9.0","jscs":"^3.0.3","lodash":"^4.11.1","mustache":"^2.1.3","reactify":"^1.1.1","semver":"^5.0.1","shelljs":"^0.6.0","string":"^3.3.1","watchify":"^3.4.0"},"browserify":{"transform":["babelify"]},"scripts":{"start":"concurrent 'npm run serve' 'npm run watch-js' 'open http://localhost:8080'","watch-js":"watchify local-dev/main.js -o local-dev/bundle.js --debug --verbose","build":"babel src/main.js -o ./dist/react-progressbar.js","serve":"http-server ./local-dev -c 0","lint":"./tools/lint.sh","jscs":"jscs ./src ./test","eslint":"eslint --ext .js ./src ./test"},"gitHead":"8dc4a0c3aba2b48d85e259c7e740623f67f86167","bugs":{"url":"https://github.com/kimmobrunfeldt/react-progressbar.js/issues"},"homepage":"https://github.com/kimmobrunfeldt/react-progressbar.js#readme","_id":"react-progress-bar.js@0.2.0-dev","_shasum":"e25726065bc0a933bd64fae5e4a51f3beb68c663","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.4.0","_npmUser":{"name":"jivings","email":"james.ivings@gmail.com"},"dist":{"shasum":"e25726065bc0a933bd64fae5e4a51f3beb68c663","tarball":"https://registry.npmjs.org/react-progress-bar.js/-/react-progress-bar.js-0.2.0-dev.tgz","integrity":"sha512-UeImc3jRm4AQ6UwF/iw3vhEafJHTbVimndPdd/smHlUsDmE4NFCO9LjXM7xx6NlsgdzZIARol3f1xrAjdI94ow==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDCvFWTZatxqEWQW+NKZfjTy2ugHQZS7wBBWjCeMOJ8mQIhAKLSGMG1rcrbFdopG2+P3kQyHUW+Kde1W49/HNc1qVGA"}]},"maintainers":[{"name":"jivings","email":"james.ivings@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-progress-bar.js-0.2.0-dev.tgz_1510908637331_0.026462865294888616"},"directories":{}},"0.2.1":{"name":"react-progress-bar.js","version":"0.2.1","description":"React wrapper for progressbar.js","main":"dist/react-progressbar.js","repository":{"type":"git","url":"git+https://github.com/kimmobrunfeldt/react-progressbar.js.git"},"keywords":["react","progressbar","progress","loader","pace","bar","radial","circle","semicircle","line","indicator","loading","circular"],"license":"MIT","bugs":{"url":"https://github.com/kimmobrunfeldt/react-progressbar.js/issues"},"homepage":"https://github.com/kimmobrunfeldt/react-progressbar.js#readme","peerDependencies":{"react":"^15.0.0 || ^16.0.0","react-dom":"^15.0.0 || ^16.0.0"},"dependencies":{"lodash.isequal":"^4.1.4","progressbar.js":"^1.0.1"},"devDependencies":{"babel":"^6.5.2","babel-cli":"^6.7.7","babel-eslint":"^6.0.3","babel-jscs":"^3.0.0-beta1","babel-plugin-transform-es2015-modules-umd":"^6.6.5","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babelify":"^7.2.0","bluebird":"^3.3.5","commander":"^2.8.1","concurrently":"^2.0.0","eslint":"^2.8.0","eslint-plugin-react":"^5.0.1","http-server":"^0.9.0","jscs":"^3.0.3","lodash":"^4.11.1","mustache":"^2.1.3","react":"^16.0.0","react-dom":"^16.0.0","reactify":"^1.1.1","semver":"^5.0.1","shelljs":"^0.6.0","string":"^3.3.1","watchify":"^3.4.0"},"browserify":{"transform":["babelify"]},"scripts":{"start":"concurrent 'npm run serve' 'npm run watch-js' 'open http://localhost:8080'","watch-js":"watchify local-dev/main.js -o local-dev/bundle.js --debug --verbose","build":"babel src/main.js -o ./dist/react-progressbar.js","serve":"http-server ./local-dev -c 0","lint":"./tools/lint.sh","jscs":"jscs ./src ./test","eslint":"eslint --ext .js ./src ./test"},"gitHead":"f3b9efe08b441b259598fcfcde070d623ed95fa3","_id":"react-progress-bar.js@0.2.1","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"jivings","email":"james.ivings@gmail.com"},"dist":{"integrity":"sha512-8uWaEOCsYIFV5INqr7MRuCqBvCOW8xQIK6h2Dv06GvH0IeV24W5EkxRIWeFu0fNZB3gGTnhT23DK1OivhdagJA==","shasum":"5e05fdca80e7021cc406414921ebb7e3f36f357a","tarball":"https://registry.npmjs.org/react-progress-bar.js/-/react-progress-bar.js-0.2.1.tgz","fileCount":17,"unpackedSize":130708,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFvoL/1m6zQERCw9AY3i1HM59H9YOhSHIPXW/vB+FxQ1AiAVlF75qjjPzBxXb+/teujQ6DHzzWR0nRYwm8I3p2eFdg=="}]},"maintainers":[{"name":"jivings","email":"james.ivings@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-progress-bar.js_0.2.1_1522625430998_0.7189410342587237"},"_hasShrinkwrap":false},"0.2.2":{"name":"react-progress-bar.js","version":"0.2.2","description":"React wrapper for progressbar.js","main":"dist/react-progressbar.js","repository":{"type":"git","url":"git+https://github.com/kimmobrunfeldt/react-progressbar.js.git"},"keywords":["react","progressbar","progress","loader","pace","bar","radial","circle","semicircle","line","indicator","loading","circular"],"license":"MIT","bugs":{"url":"https://github.com/kimmobrunfeldt/react-progressbar.js/issues"},"homepage":"https://github.com/kimmobrunfeldt/react-progressbar.js#readme","peerDependencies":{"react":"^15.0.0 || ^16.0.0","react-dom":"^15.0.0 || ^16.0.0"},"dependencies":{"lodash.isequal":"^4.1.4","progressbar.js":"^1.0.1"},"devDependencies":{"babel":"^6.5.2","babel-cli":"^6.7.7","babel-eslint":"^6.0.3","babel-jscs":"^3.0.0-beta1","babel-plugin-transform-es2015-modules-umd":"^6.6.5","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babelify":"^7.2.0","bluebird":"^3.3.5","commander":"^2.8.1","concurrently":"^2.0.0","eslint":"^2.8.0","eslint-plugin-react":"^5.0.1","http-server":"^0.9.0","jscs":"^3.0.3","lodash":"^4.11.1","mustache":"^2.1.3","react":"^16.0.0","react-dom":"^16.0.0","reactify":"^1.1.1","semver":"^5.0.1","shelljs":"^0.6.0","string":"^3.3.1","watchify":"^3.4.0"},"browserify":{"transform":["babelify"]},"scripts":{"start":"concurrent 'npm run serve' 'npm run watch-js' 'open http://localhost:8080'","watch-js":"watchify local-dev/main.js -o local-dev/bundle.js --debug --verbose","build":"babel src/main.js -o ./dist/react-progressbar.js","serve":"http-server ./local-dev -c 0","lint":"./tools/lint.sh","jscs":"jscs ./src ./test","eslint":"eslint --ext .js ./src ./test"},"gitHead":"9ccccb63f5aacaee1809f2cf619b783e70c2d696","_id":"react-progress-bar.js@0.2.2","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"jivings","email":"james.ivings@gmail.com"},"dist":{"integrity":"sha512-cemtGhnoPrb4JrJTizAKU8dIgLFBsdkXNQ8mGxEl/tps52eXClmIYCYUwaQIy8ohw/GENnumVHBoS17aOwjJmw==","shasum":"4e3c1db88daa393cb3f853f15ae63f086d9e3237","tarball":"https://registry.npmjs.org/react-progress-bar.js/-/react-progress-bar.js-0.2.2.tgz","fileCount":18,"unpackedSize":260919,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICiHgm22vsthoS6Sqq2iY6WzovqmGKp8MWMT/g82tzypAiEAmfYPZVChtc2H9gMmL6vpWltSX8+H8a1RIAR2OuoT9nY="}]},"maintainers":[{"name":"jivings","email":"james.ivings@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-progress-bar.js_0.2.2_1522645695774_0.5627097318960972"},"_hasShrinkwrap":false},"0.2.3":{"name":"react-progress-bar.js","version":"0.2.3","description":"React wrapper for progressbar.js","main":"dist/react-progressbar.js","repository":{"type":"git","url":"git+https://github.com/kimmobrunfeldt/react-progressbar.js.git"},"keywords":["react","progressbar","progress","loader","pace","bar","radial","circle","semicircle","line","indicator","loading","circular"],"license":"MIT","bugs":{"url":"https://github.com/kimmobrunfeldt/react-progressbar.js/issues"},"homepage":"https://github.com/kimmobrunfeldt/react-progressbar.js#readme","peerDependencies":{"react":"^15.0.0 || ^16.0.0","react-dom":"^15.0.0 || ^16.0.0"},"dependencies":{"lodash.isequal":"^4.1.4","progressbar.js":"^1.0.1"},"devDependencies":{"babel":"^6.5.2","babel-cli":"^6.7.7","babel-eslint":"^6.0.3","babel-jscs":"^3.0.0-beta1","babel-plugin-transform-es2015-modules-umd":"^6.6.5","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babelify":"^7.2.0","bluebird":"^3.3.5","commander":"^2.8.1","concurrently":"^2.0.0","eslint":"^2.8.0","eslint-plugin-react":"^5.0.1","http-server":"^0.9.0","jscs":"^3.0.3","lodash":"^4.11.1","mustache":"^2.1.3","react":"^16.0.0","react-dom":"^16.0.0","reactify":"^1.1.1","semver":"^5.0.1","shelljs":"^0.6.0","string":"^3.3.1","watchify":"^3.4.0"},"browserify":{"transform":["babelify"]},"scripts":{"start":"concurrent 'npm run serve' 'npm run watch-js' 'open http://localhost:8080'","watch-js":"watchify local-dev/main.js -o local-dev/bundle.js --debug --verbose","build":"babel src/main.js -o ./dist/react-progressbar.js","serve":"http-server ./local-dev -c 0","lint":"./tools/lint.sh","jscs":"jscs ./src ./test","eslint":"eslint --ext .js ./src ./test"},"gitHead":"776a895ea5a9e0aafa86491dd322ccbce44d1f5d","_id":"react-progress-bar.js@0.2.3","_npmVersion":"5.8.0","_nodeVersion":"8.11.1","_npmUser":{"name":"cangoektas","email":"can.goektas@gmail.com"},"dist":{"integrity":"sha512-dyPLW0Wux9uOgEdz9xCtdeS/FD14KwygyW3dNLkogZ7GM1SMaI2yQ3uhQ0S/CyyPhtjAKWbH5XvzI0bnytDbxQ==","shasum":"7e80091f60834041def87f125a6803d9427e0719","tarball":"https://registry.npmjs.org/react-progress-bar.js/-/react-progress-bar.js-0.2.3.tgz","fileCount":16,"unpackedSize":106440,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCX+H5qaiq8+OB3qwcca4jxTTLWH94sXun3KIE895/43gIhAP1VO/JvC6Mp+4kj6xWZ/OxU4Lec2Uv95tgiZbGgP+87"}]},"maintainers":[{"email":"can.goektas@gmail.com","name":"cangoektas"},{"email":"james.ivings@gmail.com","name":"jivings"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-progress-bar.js_0.2.3_1523045936856_0.8384287246096553"},"_hasShrinkwrap":false}},"readme":"# react-progressbar.js\n\n<br>\n![Demo animation](docs/animation.gif)\n\n<br>\nResponsive and slick progress bars for React. Line, Circle and SemiCircle shaped\nprogress bars are provided and their animations are highly [customizable](https://github.com/kimmobrunfeldt/progressbar.js#custom-animations).\n\nThis module is a React wrapper for [progressbar.js](https://github.com/kimmobrunfeldt/progressbar.js).\nThat's why most of the documentation refers to the original documentation.\n\n**Shortcuts**\n\n* [How to install](#how-to-install)\n* [API documentation](#api)\n* [Demos](http://kimmobrunfeldt.github.io/progressbar.js/) *These demos use the original progressbar.js but the options are exactly the\nsame for react-progressbar.js too*\n\n\n\n## Get started\n\n*react-progressbar.js* is lightweight, MIT licensed and supports all major browsers including **IE9+**.\n\n#### How to install\n\nInstall the library using npm:\n\n```\nnpm install --save react-progress-bar.js\n```\n\nSince React users are anyways using a CommonJS module loader, this module is published\nonly in NPM.\n\n#### Loading module\n\nCommonJS\n\n```javascript\nvar ProgressBar = require('react-progress-bar.js')\nvar Circle = ProgressBar.Circle;\n```\n\n## How it works\n\nSee https://github.com/kimmobrunfeldt/progressbar.js#how-it-works.\n\n## API\n\n**NOTE:** Line, Circle and SemiCircle all point to the same\ndocumentation which is named Shape. You almost certainly should\nreplace it(Shape) with Line, Circle or SemiCircle.\n\n**Example:** if documentation states `<Shape />`, replace it with\n`<Circle />`, simple. Shape is the internal base object for all\nprogress bars.\n\n[**ProgressBar**](#api)\n\n* [Line](#shape)\n* [Circle](#shape)\n* [SemiCircle](#shape)\n\n**Important:** make sure that your container has same aspect ratio\nas the SVG canvas. For example: if you are using SemiCircle,\nset e.g.\n\n```css\n#container {\n    width: 300px;\n    height: 150px;\n}\n```\n\n### Shape\n\nLine, Circle or SemiCircle shaped progress bar. Appends SVG to container.\n\n**Example**\n\n```js\nvar App = React.createClass({\n    render: function render() {\n        var options = {\n            strokeWidth: 2\n        };\n\n        // For demo purposes so the container has some dimensions.\n        // Otherwise progress bar won't be shown\n        var containerStyle = {\n            width: '200px',\n            height: '200px'\n        };\n\n        return (\n            <Circle\n                progress={this.state.progress}\n                text={'test'}\n                options={options}\n                initialAnimate={true}\n                containerStyle={containerStyle}\n                containerClassName={'.progressbar'} />\n        );\n    }\n});\n```\n\nWith Line shape, you can control the width of the line by specifying e.g. `height: 5px`\nwith CSS.\n\n**Props:**\n\nProp               | Description\n-------------------|------------------------\nprogress           | Progress from 0 to 1. E.g. 67% progress would equal `0.67`. Default `0`.\ntext               | Value for progress bar's text. Default `null`.\noptions            | Options for path drawing. See [progressbar.js documentation](https://github.com/kimmobrunfeldt/progressbar.js#shapecontainer-options).\ninitialAnimate     | If `true`, progress bar is animated to given progress when mounted. Default `false`.\ncontainerStyle     | Styles for progress bar container. Default `{}`.\ncontainerClassName | Class name for progress bar container. Default `.progressbar-container`.\n\n## Contributing\n\nSee [documentation for contributors](CONTRIBUTING.md).\n","maintainers":[{"email":"can.goektas@gmail.com","name":"cangoektas"},{"email":"james.ivings@gmail.com","name":"jivings"}],"time":{"modified":"2022-06-26T07:41:27.639Z","created":"2017-11-17T08:50:37.550Z","0.2.0-dev":"2017-11-17T08:50:37.550Z","0.2.1":"2018-04-01T23:30:31.107Z","0.2.2":"2018-04-02T05:08:15.874Z","0.2.3":"2018-04-06T20:18:56.996Z"},"homepage":"https://github.com/kimmobrunfeldt/react-progressbar.js#readme","keywords":["react","progressbar","progress","loader","pace","bar","radial","circle","semicircle","line","indicator","loading","circular"],"repository":{"type":"git","url":"git+https://github.com/kimmobrunfeldt/react-progressbar.js.git"},"bugs":{"url":"https://github.com/kimmobrunfeldt/react-progressbar.js/issues"},"license":"MIT","readmeFilename":"README.md"}