Socket
Socket
Sign inDemoInstall

react-progressbar

Package Overview
Dependencies
20
Maintainers
2
Versions
18
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.4.5 to 1.4.6

2

package.json
{
"name": "react-progressbar",
"version": "1.4.5",
"version": "1.4.6",
"description": "Basic progress bar in React",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

@@ -7,13 +7,56 @@ # react-progressbar

# Add example steps:
Basic progress bar in React.js.
![Screenshot of progress bar](https://raw.githubusercontent.com/abdennour/react-progressbar/master/screenshot.png)
Demo: http://abdennour.github.io/react-progressbar/
Usage
=====
Simply `require('react-progressbar')` and pass in `completed` property as a number between 0 and 100.
You may additionally pass in a CSS color string for the `color` property.
```js
var Progress = require('react-progressbar');
var component = React.createClass({
render: function() {
return (
<div>
<Progress completed={75} />
</div>
);
}
});
```
git checkout docs-site;
```
add your examlple in `docs-site/src/examples` then,
it was "babelified" also , thus, the following syntax is supported :
```js
import Progress from 'react-progressbar';
class OtherComponent extends React.Component {
render () {
return (
<div>
<Progress completed={75} />
</div>
)
}
}
```
npm run build;
```
then
License
=======
MIT
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc