We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
BoldDeskHelp desk software with unlimited agents starts at $99.
Try it for free.|
import { ProgressButtonComponent } from '@syncfusion/ej2-react-splitbuttons';
//…
export class ProgressButton extends SampleBase {
constructor() {
super(...arguments);
this.duration = 6000;
}
startProgress(args) {
this.progressObj.start();
}
render() {
return (
<div>
<ProgressButtonComponent enableProgress duration={this.duration} cssClass="e-hide-spinner" ref={(scope) => { this.progressObj = scope; }} disabled></ProgressButtonComponent>
<br />
<br />
<button onClick={this.startProgress.bind(this)}>Start Progress</button>
</div>
);
}
}
|
|
/* ProgressButton customization */
.e-progress-btn {
width: 100%;
padding: 0;
height: 4px;
border: none;
background-color: lightblue;
}
.e-progress-btn .e-progress {
background-color: #6a6ae9;
}
|
