Merge pull request #2967 from SUI-Components/feat-atom-progressbar-borderless-work

feat(components/atom/progressBar): make borderless work for atom progressBar

Author: jordevo

components/atom/progressBar/src/ProgressBarLine/index.scss

@@ -17,23 +17,21 @@ $base-class-line: '#{$base-class}Line';
       border: $bd-line-progress-container--success;
     }
 
-    &--borderless {
-      border: none;
-    }
-
     background: $bg-progress-bar;
     border: $bd-line-progress-container;
     border-radius: $bdrs-progress-container;
     height: $h-progress-bar; /* Can be anything */
     position: relative;
     box-sizing: border-box;
+
     &--size {
       @each $size-key, $size-value in $size-atom-line-progress-bar {
         &-#{$size-key} {
           height: $size-value;
         }
       }
     }
+
     &--color {
       @each $colorName, $colorValue in $c-progress-bar-fill-array {
         &-#{$colorName} {
@@ -42,6 +40,10 @@ $base-class-line: '#{$base-class}Line';
         }
       }
     }
+
+    &--borderless {
+      border: none;
+    }
   }
 
   &Line {