17 lines
618 B
JavaScript
17 lines
618 B
JavaScript
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}); |