bigbuffet-rw/app/soapbox/components/progress_bar.js

18 lines
394 B
JavaScript
Raw Normal View History

2020-03-27 13:59:38 -07:00
import React from 'react';
import ImmutablePureComponent from 'react-immutable-pure-component';
export default class ProgressBar extends ImmutablePureComponent {
2020-04-14 11:44:40 -07:00
2020-03-27 13:59:38 -07:00
render() {
const { progress } = this.props;
return (
<div className='progress-bar'>
2020-04-14 11:44:40 -07:00
<div className='progress-bar__progress' style={{ width: `${Math.floor(progress*100)}%` }} />
2020-03-27 13:59:38 -07:00
</div>
2020-04-14 11:44:40 -07:00
);
2020-03-27 13:59:38 -07:00
}
2020-04-14 11:44:40 -07:00
2021-08-03 12:22:51 -07:00
}