Initial commit

src/components/DownloadProgress/DownloadProgress.js

@@ -0,0 +1,17 @@
+import Box from '../UI/Box/Box';
+import React from 'react';
+import CSSModules from 'react-css-modules';
+import styles from './DownloadProgress.css';
+
+export default CSSModules((props) => {
+
+  return (
+    <Box dxDark dxStyle={{width: '380px', height: 'auto', padding: '5px'}}>
+      <div style={{width: '100%', height: 'auto'}}>
+        <h1 style={{width: '100%', textAlign: 'center'}}>{'Downloading ' + props.display}</h1>
+      </div>
+      <progress max={100.0} id={'download_progress'}
+                style={{width: '100%'}}
+                value={props.progress}/>
+    </Box>);
+}, styles, {allowMultiple: true});