Disabled ProgressBar

To disable the ProgressBar, use the disabled property.

By default, disabled is set to false.

import { Checkbox } from '@progress/kendo-react-inputs';
const App = () => {
    const [disabled, setDisabled] = React.useState(false);

    const handleClick = (e) => {
        setDisabled(e.target.checked);
    };

    return (
        <div className="container">
            <div className="row mb-4">
                <div className="col-sm">
                    <Checkbox id="disabled" onClick={handleClick} label="Toggle the disabled state" labelPlacement="before" />
                </div>
            </div>
            <div className="row mb-4">
                <div className="col-sm">
                    <ProgressBar value={20} disabled={disabled}/>
                </div>
            </div>
        </div>
    );
};

ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);