From 599834af2f655717374d398f87d5b5e05279aa03 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Tue, 21 Feb 2017 19:15:05 +0800
Subject: ADD: Progress element experimental support

---
 src/progress.less | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/progress.less

(limited to 'src/progress.less')

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) '%';
+    }
+  }
+}
-- 
cgit v1.3.1-26-gb76a