$progress-bar-background-color: $border !default $progress-value-background-color: $text !default

.progress

+block
-moz-appearance: none
-webkit-appearance: none
border: none
border-radius: 290486px
display: block
height: $size-normal
overflow: hidden
padding: 0
width: 100%
&::-webkit-progress-bar
  background-color: $progress-bar-background-color
&::-webkit-progress-value
  background-color: $progress-value-background-color
&::-moz-progress-bar
  background-color: $progress-value-background-color
// Colors
@each $name, $pair in $colors
  $color: nth($pair, 1)
  &.is-#{$name}
    &::-webkit-progress-value
      background-color: $color
    &::-moz-progress-bar
      background-color: $color
// Sizes
&.is-small
  height: $size-small
&.is-medium
  height: $size-medium
&.is-large
  height: $size-large