Progress Ring with react

Can someone help me to create a progress ring in react with explaining

a progress ring for loading? have a state in the main component called “isLoading: 0”, and every time a function is loading, add +1 to isLoading. have the progress bar animate step-by-step every time isLoading is increased.

also: this is front-end, not back-end.