Add progress bars

CHANGELOG.md

@@ -1,10 +1,13 @@
+# Bulma Changelog
+
 ## 0.0.17
 
 ### Added
 
-* `.pagination`
+* **pagination**: `.pagination`
-* `.control.is-horizontal` for horizontal forms
+* **horizontal forms**: `.control.is-horizontal`
-* `.help` for controls
+* **help** text for form controls: `.help`
+* **progress bars**: `.progress`
 
 ### Updated
 

bulma/elements/elements.sass

@@ -6,6 +6,7 @@
 @import "images"
 @import "messages"
 @import "notifications"
+@import "progress"
 
 .delete
   +unselectable

bulma/elements/progress.sass

@@ -0,0 +1,29 @@
+.progress
+  -moz-appearance: none
+  -webkit-appearance: none
+  @extend .block
+  border: none
+  border-radius: 290486px
+  display: block
+  height: 12px
+  overflow: hidden
+  padding: 0
+  width: 100%
+  &::-webkit-progress-bar
+    background: $border
+  &::-webkit-progress-value,
+  &::-moz-progress-bar
+    background: $text
+  &.is-small
+    height: 8px
+  &.is-medium
+    height: 16px
+  &.is-large
+    height: 20px
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    &.is-#{$name}
+      &::-webkit-progress-value,
+      &::-moz-progress-bar
+        background: $color
+