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.
BoldSignA modern eSignature application with affordable pricing. Sign up today for unlimited document usage!
|
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;
}
|
