Search results

Range in React ProgressBar component

09 Jun 2021 / 1 minute to read

Range represents the entire span of the progress bar and can be defined using the minimum and maximum properties. The default value of the range is 0 to 100.

Source
Preview
index.tsx
Copied to clipboard
import { ProgressBarComponent } from '@syncfusion/ej2-react-progressbar';
import * as React from "react";
import * as ReactDOM from "react-dom";

ReactDOM.render(
   <ProgressBarComponent id="Circular"
                    type='Circular'
                    height='160px'
                    trackThickness={24}
                    progressThickness={24}
                    minimum={0}
                    maximum={1}
                    value={0.5}
                    animation={{
                        enable: true,
                        duration: 2000,
                        delay: 0,
                    }}
>
</ProgressBarComponent>,
  document.getElementById("container") as HTMLElement
);