ADD: Progress element experimental support

1 files changed, 30 insertions, 0 deletions

diff --git a/src/progress.less b/src/progress.less
new file mode 100644
index 0000000..c42f8b1
--- /dev/null
+++ b/src/progress.less
@@ -0,0 +1,30 @@
+// Progress
+// Credit: https://css-tricks.com/html5-progress-element/
+.progress {
+  appearance: none;
+  border: 0;
+  color: @core-color;
+  height: .6rem;
+  width: 100%;
+
+  &::-webkit-progress-bar {
+    background: @core-border-color;
+    border-radius: @border-radius;
+  }
+
+  &::-webkit-progress-value {
+    background: @core-color;
+    border-radius: @border-radius;
+  }
+
+  &::-moz-progress-bar {
+    background: @core-color;
+    border-radius: @border-radius;
+  }
+
+  &.progress-lg {
+    &::after {
+      content: attr(value) '%';
+    }
+  }
+}