Create a Dynamic Circular Progress Bar with Legends

create circular progressbar without using any inbuilt react componenets. so this coircular progress should have an animation on loading, also it should have a legends on the right of the progress bar or bottom that should be configurable and colouring of the legend and the progress bar that legend number color should match and i should...its a kind of pie chard progressbar..multiple legends or input of legends array with count and color