diff --git a/themes/bs_bootstrap/bs_bootstrap.libraries.yml b/themes/bs_bootstrap/bs_bootstrap.libraries.yml
index 0da2084..ee1b3d2 100644
--- a/themes/bs_bootstrap/bs_bootstrap.libraries.yml
+++ b/themes/bs_bootstrap/bs_bootstrap.libraries.yml
@@ -138,3 +138,8 @@ scrollspy:
   dependencies:
     - bs_bootstrap/navigation
     - bs_bootstrap/util
+
+progress:
+  css:
+    component:
+      css/components/progress.css: {}
diff --git a/themes/bs_bootstrap/css/components/progress.css b/themes/bs_bootstrap/css/components/progress.css
new file mode 100644
index 0000000..8fdcb4c
--- /dev/null
+++ b/themes/bs_bootstrap/css/components/progress.css
@@ -0,0 +1,141 @@
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 1rem 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 1rem 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+
+.progress {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  overflow: hidden;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  text-align: center;
+  background-color: #eceeef;
+  border-radius: 0.25rem;
+}
+
+.progress-bar {
+  height: 1rem;
+  color: #fff;
+  background-color: #0275d8;
+}
+
+.progress-bar-striped {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 1rem 1rem;
+}
+
+.progress-bar-animated {
+  -webkit-animation: progress-bar-stripes 1s linear infinite;
+          animation: progress-bar-stripes 1s linear infinite;
+}
+
+.bg-faded {
+  background-color: #f7f7f7;
+}
+
+.bg-primary {
+  background-color: #0275d8 !important;
+}
+
+a.bg-primary:focus, a.bg-primary:hover {
+  background-color: #025aa5 !important;
+}
+
+.bg-success {
+  background-color: #5cb85c !important;
+}
+
+a.bg-success:focus, a.bg-success:hover {
+  background-color: #449d44 !important;
+}
+
+.bg-info {
+  background-color: #5bc0de !important;
+}
+
+a.bg-info:focus, a.bg-info:hover {
+  background-color: #31b0d5 !important;
+}
+
+.bg-warning {
+  background-color: #f0ad4e !important;
+}
+
+a.bg-warning:focus, a.bg-warning:hover {
+  background-color: #ec971f !important;
+}
+
+.bg-danger {
+  background-color: #d9534f !important;
+}
+
+a.bg-danger:focus, a.bg-danger:hover {
+  background-color: #c9302c !important;
+}
+
+.bg-inverse {
+  background-color: #292b2c !important;
+}
+
+a.bg-inverse:focus, a.bg-inverse:hover {
+  background-color: #101112 !important;
+}
+
+.w-25 {
+  width: 25% !important;
+}
+
+.w-50 {
+  width: 50% !important;
+}
+
+.w-75 {
+  width: 75% !important;
+}
+
+.w-100 {
+  width: 100% !important;
+}
+
+.h-25 {
+  height: 25% !important;
+}
+
+.h-50 {
+  height: 50% !important;
+}
+
+.h-75 {
+  height: 75% !important;
+}
+
+.h-100 {
+  height: 100% !important;
+}
+
+.mw-100 {
+  max-width: 100% !important;
+}
+
+.mh-100 {
+  max-height: 100% !important;
+}
+
+.progress {
+  margin-bottom: 1rem;
+}
diff --git a/themes/bs_bootstrap/sass/components/partials/_progress.scss b/themes/bs_bootstrap/sass/components/partials/_progress.scss
new file mode 100644
index 0000000..7c2bad4
--- /dev/null
+++ b/themes/bs_bootstrap/sass/components/partials/_progress.scss
@@ -0,0 +1,5 @@
+@import "init";
+
+.progress {
+  margin-bottom: $spacer-y;
+}
diff --git a/themes/bs_bootstrap/sass/components/progress.scss b/themes/bs_bootstrap/sass/components/progress.scss
new file mode 100644
index 0000000..e01c043
--- /dev/null
+++ b/themes/bs_bootstrap/sass/components/progress.scss
@@ -0,0 +1,5 @@
+@import "init";
+@import "bootstrap/scss/progress";
+@import "bootstrap/scss/utilities/background";
+@import "bootstrap/scss/utilities/sizing";
+@import "partials/progress";