ProgressBar.tsx 378 B

123456789101112131415161718
  1. import React from 'react';
  2. import * as S from './ProgressBar.styled';
  3. interface ProgressBarProps {
  4. completed: number;
  5. }
  6. const ProgressBar: React.FC<ProgressBarProps> = ({ completed }) => {
  7. const p = Math.max(Math.min(completed, 100), 0);
  8. return (
  9. <S.Wrapper>
  10. <S.Filler role="progressbar" completed={p} />
  11. </S.Wrapper>
  12. );
  13. };
  14. export default ProgressBar;