Progress Bar Component

[marissadarnell]

Description

Create a progress bar component to display on the past-shifts page to show how many total hours a volunteer has logged.

this may involve:

• accept props for the current user (possibly hard-coded test user for now) to get their total hours
• using a progress bar package, we have a couple options that I will either link here or just message to you on slack if I forget
• progress bar packages: option 1, option 2, option 3
• (for use later if option 1, contact me about it if you're a little lost because we've dealt with this before in the project )

Checklist

• display #/150 hours (if >150, go back to 0 & restart the count)
• progress bar shows correct amount of progress (also goes back to 0 after 150 is reached and the count starts again) depending on the current user
• generally looks like figma design
• user can see what number is required for each milestone