Progress bar

A progress bar displays the status of a given process.

Default

Determinate progress bars fill the container from 0 to 100%. This reflects the progress of the process.


    import React from 'react';

    import ProgressBar from '@neoKit/progress-bar';

    const ProgressBarDefaultExample = () => {
    return <ProgressBar value={30} />;
    };

    export default ProgressBarDefaultExample;

Indeterminate

Indeterminate progress bars display movement along the container until the process is finished.


    import React from 'react';

    import ProgressBar from '@neoKit/progress-bar';

    const ProgressBarIntermediateExample = () => {
    return <ProgressBar isIndeterminate />;
    };

    export default ProgressBarIntermediateExample;

Animated Progress bar

Animated Progressbar have animated progress feilds

60%


    import React from 'react';

    import ProgressBar from '@neoKit/progress-bar';

    const CustomProgressBarExample = () => {
    return   <ProgressBars value='60' isAnimated></ProgressBars>;
    };

    export default  CustomProgressBarExample;