This fixes #1331

Indicating Progress no longer appears red at 100%.

src/definitions/modules/progress.less

@@ -43,6 +43,20 @@
 }
 
 /* Indicating */
+.ui.indicating.progress .bar[style^="width: 1%"],
+.ui.indicating.progress .bar[style^="width: 2%"],
+.ui.indicating.progress .bar[style^="width: 3%"],
+.ui.indicating.progress .bar[style^="width: 4%"],
+.ui.indicating.progress .bar[style^="width: 5%"],
+.ui.indicating.progress .bar[style^="width: 6%"],
+.ui.indicating.progress .bar[style^="width: 7%"],
+.ui.indicating.progress .bar[style^="width: 8%"],
+.ui.indicating.progress .bar[style^="width: 9%"],
+.ui.indicating.progress .bar[style^="width: 1"],
+.ui.indicating.progress .bar[style^="width: 2"] {
+  background-color: @indicatingFirstColor;
+}
+
 .ui.indicating.progress .bar[style^="width: 3"] {
   background-color: @indicatingSecondColor;
 }
@@ -61,19 +75,6 @@
 .ui.indicating.progress .bar[style^="width: 100"] {
   background-color: @indicatingSixthColor;
 }
-.ui.indicating.progress .bar[style^="width: 1%"],
-.ui.indicating.progress .bar[style^="width: 2%"],
-.ui.indicating.progress .bar[style^="width: 3%"],
-.ui.indicating.progress .bar[style^="width: 4%"],
-.ui.indicating.progress .bar[style^="width: 5%"],
-.ui.indicating.progress .bar[style^="width: 6%"],
-.ui.indicating.progress .bar[style^="width: 7%"],
-.ui.indicating.progress .bar[style^="width: 8%"],
-.ui.indicating.progress .bar[style^="width: 9%"],
-.ui.indicating.progress .bar[style^="width: 1"],
-.ui.indicating.progress .bar[style^="width: 2"] {
-  background-color: @indicatingFirstColor;
-}
 
 /* Single Digits Last */
 .ui.indicating.progress .bar[style^="width: 1%"] + .label,
@@ -395,4 +396,4 @@
 
 .ui.small.progress .bar {
   height: 14px;
-}
+}