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.
New Product Launch - BoldDesk !
Introducing help desk ticketing software.
New Product LaunchBoldDesk: Help desk ticketing software starts at $10 for 3 agents.
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;
}
|
