Merge pull request #712 from GSA/progress-bar

New progress bar styles
GSA · Oct 23, 2024 · b7b9075 · b7b9075
2 parents b26c7f1 + 98202fa
commit b7b9075
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/sam-styles/packages/index.scss b/sam-styles/packages/index.scss
@@ -55,6 +55,7 @@
 @import "../packages/sds-styles/page.scss";
 @import "../packages/sds-styles/pop-up.scss";
 @import "../packages/sds-styles/process-list.scss";
+@import "../packages/sds-styles/progress-bar.scss";
 @import "../packages/sds-styles/results.scss";
 @import "../packages/sds-styles/rich-text-editor.scss";
 @import "../packages/sds-styles/searchlayout.scss";

diff --git a/sam-styles/packages/sds-styles/progress-bar.scss b/sam-styles/packages/sds-styles/progress-bar.scss
@@ -0,0 +1,19 @@
+@use "uswds-core" as *;
+@use "sam-styles/packages/theme/variables" as *;
+
+.sds-progress-bar-container {
+    width: 100%;
+    height: 8px;
+    background-color: color("base-lighter");
+    border-radius: 5px;
+    overflow: hidden;
+}
+
+.sds-border-top {
+    border-top: 1px solid color('base');
+}
+
+.sds-progress-bar {
+    height: 100%;
+    background-color: color("secondary");
+}