Implement <progress> fill properly in IE

diff --git a/scss/forms/_progress.scss b/scss/forms/_progress.scss
index 51dc25ee16319f4fe62143e0b68502f1f4e4dac3..e6811bc4cfe6181fa1d738c606fa97a1dc5a1845 100644 (file)
--- a/scss/forms/_progress.scss
+++ b/scss/forms/_progress.scss
@@ -69,6 +69,9 @@ $progress-radius: $global-radius !default;
 
     @each $name, $color in $foundation-palette {
       &.#{$name} {
+        // Internet Explorer sets the fill with color
+        color: $color;
+
         &::-webkit-progress-value {
           background: $color;
         }