Add customizable border radius to progressbar (#2224)

* Add customizable border radius to progressbar

* Update variables

diff --git a/docs/_data/variables/elements/progress.json b/docs/_data/variables/elements/progress.json
index a86d87700d1eff3ca88612dae23340faee0860b2..1431c44ca3c6409964913f2659cc1b7c57b92ccb 100644 (file)
--- a/docs/_data/variables/elements/progress.json
+++ b/docs/_data/variables/elements/progress.json
@@ -18,12 +18,18 @@
       "name": "$progress-indeterminate-duration",
       "value": "1.5s",
       "type": "string"
+    },
+    "$progress-border-radius": {
+      "name": "$progress-border-radius",
+      "value": "$radius-rounded",
+      "type": "variable"
     }
   },
   "list": [
     "$progress-bar-background-color",
     "$progress-value-background-color",
-    "$progress-indeterminate-duration"
+    "$progress-indeterminate-duration",
+    "$progress-border-radius"
   ],
   "file_path": "elements/progress.sass"
 }
\ No newline at end of file

diff --git a/sass/elements/progress.sass b/sass/elements/progress.sass
index b263eebd97cb77f5952bc4569c83dfea3683efd2..89612f6c217773d9215dc9c9773d1738a8e78670 100644 (file)
--- a/sass/elements/progress.sass
+++ b/sass/elements/progress.sass
@@ -1,5 +1,6 @@
 $progress-bar-background-color: $border !default
 $progress-value-background-color: $text !default
+$progress-border-radius: $radius-rounded !default
 
 $progress-indeterminate-duration: 1.5s !default
 
@@ -8,7 +9,7 @@ $progress-indeterminate-duration: 1.5s !default
   -moz-appearance: none
   -webkit-appearance: none
   border: none
-  border-radius: $radius-rounded
+  border-radius: $progress-border-radius
   display: block
   height: $size-normal
   overflow: hidden