I've already installed bootstrap and react-bootstrap into the dev branch so you shouldn't need to set it up.
You will need to think about what sort of data the ProgressStacked requires within the ProgressBar module and how you are going to shape the data that you're receiving as props (currently mocked as state) to make it display the progress visually. ( maybe utilise the status_id and write some logic to make a talley of each )
[ ] Read the documentation for how you're going to implement the ProgressStacked bar
[ ] Read through the wiki to see what you may use as data to visualise the progress of the student
[ ] Write the logic for how you've decided to pass the data
[ ] Implement the Progress Stacked bar and pass it the data
We will now need to visualise a students progress through the cohort.
I think we should use the react-bootstrap library and utilise the ProgressBar module which you can find here: https://react-bootstrap.github.io/components/progress/#progress-stacked
I've already installed bootstrap and react-bootstrap into the dev branch so you shouldn't need to set it up.
You will need to think about what sort of data the ProgressStacked requires within the ProgressBar module and how you are going to shape the data that you're receiving as props (currently mocked as state) to make it display the progress visually. ( maybe utilise the status_id and write some logic to make a talley of each )