I've already installed this dependency in the dev branch, so it's ready to roll.
It looks like this library utilises percentages as the value it uses to display the circular progress bar. So you will need to think how you are going to shape the data you are receiving as props to make this work.
[x] Read the documentation for how you're going to implement the Circular Progress bar
[x] Read through the wiki to see what you may use as data to visualise the progress of the student for each module
[x] Write the logic for how you've decided to pass the data
[x] Implement the Circular Progress bar and pass it the data
We now need to show the data we have for a students progress for each module in a visual way.
I've found this: https://www.npmjs.com/package/react-circular-progressbar
I've already installed this dependency in the dev branch, so it's ready to roll.
It looks like this library utilises percentages as the value it uses to display the circular progress bar. So you will need to think how you are going to shape the data you are receiving as props to make this work.