import {render} from 'react-dom';
import ProgressBar from '@jetbrains/ring-ui/components/progress-bar/progress-bar';
var progressBar = render(
ProgressBar.factory({value: 0}),
document.getElementById('progress-bar')
);
var progressBarBlack = render(
ProgressBar.factory({value: 0, light: true}),
document.getElementById('progress-bar-black')
);
var progressBarGray = render(
ProgressBar.factory({value: 0}),
document.getElementById('progress-bar-gray')
);
setInterval(function updateProgress() {
const currentValue = progressBar.props.value;
const value = currentValue >= 1 ? 0 : currentValue + 0.1;
progressBar.rerender({value});
progressBarBlack.rerender({value});
progressBarGray.rerender({value});
}, 500);