Added progress bar to fires map

This commit is contained in:
vjrj 2018-02-27 11:08:55 +01:00
parent 73588a67d2
commit b5620cea46
5 changed files with 61 additions and 0 deletions

View file

@ -0,0 +1,24 @@
/* eslint-disable react/jsx-indent */
import React from 'react';
import PropTypes from 'prop-types';
import { Line } from 'react-progressbar.js';
import './LoadingBar.scss';
// Check: https://github.com/kimmobrunfeldt/react-progressbar.js/pull/26
const LoadingBar = ({ progress }) => (
<div className="loading-bar">
<Line
progress={progress}
options={{ strokeWidth: 2, color: '#5A7636' }}
initialAnimate
/>
</div>
);
export default LoadingBar;
LoadingBar.propTypes = {
progress: PropTypes.number.isRequired
};