JSPM

import {FakeProgressBar} from 'fake-progress-bar';

const ProgressBar: React.FunctionComponent = () => {
    const [active, setActive] = useState(false);
    const [completed, setCompleted] = useState(false);
    const [reset, setReset] = useState(false);

    return (
        <>
            <FakeProgressBar active={active}
                             completed={completed}
                             reset={reset}
                             onProgress={(progress) => {
                                 console.log(progress);
                             }}
            />

            <button onClick={() => setActive(true)}>
                Start
            </button>

            <button onClick={() => setCompleted(true)}>
                Complete
            </button>

            <button onClick={() => setReset(true)}>
                Reset
            </button>
        </>
    );
};