Merge pull request #2281 from gordon-cs/days-left

Added Days Left Progress Bar

Author: jsenning

package-lock.json

@@ -8,6 +8,7 @@
     "@azure/msal-react": "^2.0.12",
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.10.8",
+    "@material-ui/core": "^4.12.4",
     "@mui/icons-material": "^5.15.10",
     "@mui/material": "^5.15.10",
     "@mui/x-date-pickers": "^6.19.4",

package.json

@@ -0,0 +1,38 @@
+@import '../../../../vars';
+
+.backContainer {
+  position: relative;
+  width: 100%;
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  background-color: var(--mui-palette-neutral-light);
+  border-radius: 5px;
+  color: var(--mui-palette-link-main);
+  font-weight: bold;
+  font-size: 1rem;
+}
+
+.frontContainer {
+  position: relative;
+  width: 100%;
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--mui-palette-primary-main);
+  border-radius: 5px;
+  color: white;
+  font-weight: bold;
+  font-size: 1rem;
+}
+
+.boundBox {
+  position: absolute;
+  left: 0;
+  top: 0;
+  overflow: hidden;
+  border-radius: 5px;
+}