import React, { FunctionComponent } from 'react';
import './style.css';

interface AudioSeekBarProps {
  value: number;
  full_range: number;
}

const MyProgressBar: FunctionComponent<AudioSeekBarProps> = ({ value, full_range }) => {
  return (
    <>
      <div className={`audioSeekBar playBar_t__seek`}>
        <div style={{ width: `${(value / full_range) * 100}%` }} className='audioSeekBar__tick' />
      </div>
    </>
  );
};

export default MyProgressBar;
