diff --git a/sam-styles/packages/index.scss b/sam-styles/packages/index.scss index b32d1dee..0b19b450 100644 --- 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 new file mode 100644 index 00000000..738f604a --- /dev/null +++ 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"); +} \ No newline at end of file