uppy-react: Add <ProgressBar /> component.

src/uppy-react/ProgressBar.js

@@ -0,0 +1,39 @@
+const React = require('react')
+const UppyCore = require('../core/Core').Uppy
+const ProgressBarPlugin = require('../plugins/ProgressBar')
+
+const h = React.createElement
+
+/**
+ * React component that renders an area in which files can be dropped to be
+ * uploaded.
+ */
+
+class ProgressBar extends React.Component {
+  componentDidMount () {
+    const uppy = this.props.uppy
+    uppy.use(ProgressBarPlugin, {
+      target: this.container,
+      locale: this.props.locale
+    })
+  }
+
+  render () {
+    return h('div', {
+      ref: (container) => {
+        this.container = container
+      }
+    })
+  }
+}
+
+ProgressBar.propTypes = {
+  uppy: React.PropTypes.instanceOf(UppyCore).isRequired,
+  locale: React.PropTypes.object
+}
+
+ProgressBar.defaultProps = {
+  locale: {}
+}
+
+module.exports = ProgressBar

src/uppy-react/index.js

@@ -1,3 +1,4 @@
 exports.Dashboard = require('./Dashboard')
 exports.DashboardModal = require('./DashboardModal')
 exports.DragDrop = require('./DragDrop')
+exports.ProgressBar = require('./ProgressBar')