Hide spinner in React Progress button component

2 Mar 20261 minute to read

Remove the animated spinner icon from the ProgressButton by adding the e-hide-spinner CSS class to the cssClass property. By default, the ProgressButton displays a spinning animation during progress. Use this technique when you want to show only the progress bar fill without the spinning visual indicator, creating a cleaner look for certain use cases.

app.jsx

import { ProgressButtonComponent } from '@syncfusion/ej2-react-splitbuttons';
import * as React from 'react';
import * as ReactDom from 'react-dom';
function App() {
    return (<ProgressButtonComponent content='Progress' enableProgress={true} cssClass='e-hide-spinner'/>);
}
export default App;
ReactDom.render(<App />, document.getElementById('progress-button'));

app.tsx

import { ProgressButtonComponent } from '@syncfusion/ej2-react-splitbuttons';
import * as React from 'react';
import * as ReactDom from 'react-dom';

function App() {

  return (
    <ProgressButtonComponent content='Progress' enableProgress = {true} cssClass='e-hide-spinner'/>
  );
}
export default App;
ReactDom.render(<App />, document.getElementById('progress-button'));