Added Progress Bar and build script.

.gitignore

@@ -1,3 +1,4 @@
 # Basic Ignores
 /node_modules
-package-lock.json
+package-lock.json
+/build

package.json

@@ -5,7 +5,8 @@
   "main": "./src/components/index.js",
   "scripts": {
     "test": "jest",
-    "docs": "styleguidist server"
+    "docs": "styleguidist server",
+    "build": "styleguidist build"
   },
   "keywords": [
     "revibe",

src/components/Progress/Progress.jsx

@@ -0,0 +1,75 @@
+/*!
+
+=========================================================
+* BLK Design System PRO React - v1.0.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/blk-design-system-pro-react
+* Copyright 2019 Creative Tim (https://www.creative-tim.com)
+
+* Coded by Creative Tim
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import { Progress as ProgressBar } from 'reactstrap'
+
+// Add your info to the docs if you edit this!
+
+/**
+ * ### Baseline progress bar!
+ * 
+ * @version 0.0.1
+ * @author Noah Templet ([w3aseL](https://github.com/w3aseL))
+ */
+class Progress extends React.Component {
+  constructor(props) {
+    super(props)
+  }
+
+  static propTypes = {
+    /**
+     * The value of the progress bar.
+     */
+    value: PropTypes.number.isRequired,
+    /**
+     * The maximum value of the progress bar.
+     */
+    max: PropTypes.number,
+    /**
+     * The label for the progress bar.
+     */
+    label: PropTypes.string,
+    /**
+     * The color of the progress bar.
+     */
+    color: PropTypes.string
+  }
+
+  static defaultProps = {
+    max: 100,
+    label: "Default"
+  }
+
+  render() {
+    const { value, max, label, color } = this.props
+
+    return (
+      <div className={`progress-container ${color ? `progress-${color}` : ""}`}>
+        <span className="progress-badge">{label}</span>
+        <ProgressBar max={max} value={value}>
+          <span className="progress-value">{((value / max) * 100).toFixed(0)}%</span>
+        </ProgressBar>
+      </div>
+    )
+  }
+}
+
+export { Progress }
+
+export default Progress

src/components/Progress/Progress.md

@@ -0,0 +1,29 @@
+### Progress Bar Syntax
+
+Importing the progress bar.
+```js static
+import Progress from 'revibe-component-library/Progress'
+
+import { Progress } from 'revibe-component-library'
+```
+
+### Progress Simple Example
+```js
+<Progress value={25} />
+```
+
+### Progress Color Examples
+```js
+<Progress value={25} />
+<Progress value={30} color="primary" label="Primary" />
+<Progress value={35} color="secondary" label="Secondary" />
+<Progress value={40} color="info" label="Info" />
+<Progress value={45} color="success" label="Success" />
+<Progress value={50} color="warning" label="Warning" />
+<Progress value={55} color="danger" label="Danger" />
+```
+
+### Progress Max Examples
+```js
+<Progress value={25} max={75} color="primary" label="25/75" />
+```

src/components/Progress/package.json

@@ -0,0 +1,3 @@
+{
+  "main": "Progress.jsx"
+}

src/components/index.js

@@ -8,4 +8,5 @@ export * from './Slider'
 export * from './Tags'
 export * from './InfoArea'
 export * from './Text'
-export * from './Dropdown'
+export * from './Dropdown'
+export * from './Progress'

styleguide.config.js

@@ -32,5 +32,6 @@ module.exports = {
   title: "Revibe Component Library",
   styleguideComponents: {
 		StyleGuideRenderer: path.join(__dirname, 'styleguide/StyleGuide')
-	}
+  },
+  styleguideDir: "./build"
 };