Merge pull request #2 from vn38minhtran/umd

Umd

Author: Minh Tran

README.md

@@ -6,10 +6,16 @@ Progress bar component for ReactJS.
 
 ## Installation
 
+### NPM
 ```bash
 npm install --save react-progress-bar-plus
 ```
 
+### Bower
+```bash
+bower install --save react-progress-bar-plus
+```
+
 ## Usage
 
 ### JS
@@ -34,6 +40,21 @@ require('react-progress-bar-plus/lib/progress-bar.css');
 <link rel="stylesheet" type="text/css" href="path/to/react-progress-bar-plus/lib/progress-bar.css">
 ```
 
+### UMD
+
+```html
+<link rel="stylesheet" type="text/css" href="path/to/react-progress-bar-plus/dist/progress-bar.css">
+<script src="path/to/react-progress-bar-plus/dist/react-progress-bar-plus.js"></script>
+```
+
+```js
+...
+var ProgressBar = window.ReactProgressBarPlus;
+...
+```
+
+Example [here](http://codepen.io/vn38minhtran/pen/QjaZrm)
+
 ## Props
 | Name | Type | Default | Description |
 |------|------|---------|-------------|

bower.json

@@ -1,8 +1,8 @@
 {
   "name": "react-progress-bar-plus",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Progress bar component for ReactJS.",
-  "main": "lib/index.js",
+  "main": ["dist/progress-bar.css", "dist/react-progress-bar-plus.js"],
   "keywords": [
     "react-component",
     "react",

dist/progress-bar.css

@@ -32,5 +32,5 @@ body,
   width: 100%;
   height: 60px;
   background-color: #F8F8F8;
-  padding: 20px 0;
+  padding: 10px 0;
 }

dist/react-progress-bar-plus.js

@@ -1,11 +1,13 @@
 import React from 'react';
 
+const logoImg = require('../assets/images/logo.svg');
+
 class Footer extends React.Component {
   render() {
     return (
       <footer className='layout-footer'>
         <div className='container'>
-          <div className='text-center'>&copy; 2015 Lorem ipsum.</div>
+          <div className='text-center'><img width='40' src={logoImg}/></div>
         </div>
       </footer>
     );