[ClickPipes] ProgressBar 100% bug (#602)

Author: pjhampton

src/components/ProgressBar/ProgressBar.stories.tsx

@@ -23,12 +23,20 @@ export default {
   },
 };
 
-export const Playground = {
+export const DefaultProgressBar = {
   args: {
-    progress: 0,
+    progress: 100,
     type: "default",
     dismissable: true,
     onCancel: () => console.log("onCancel clicked"),
     successMessage: "Progress completed",
   },
 };
+
+export const SmallProgressBar = {
+  args: {
+    progress: 100,
+    type: "small",
+    successMessage: "Progress completed",
+  },
+};

src/components/ProgressBar/ProgressBar.tsx

@@ -55,7 +55,7 @@ const ProgressContainer = styled.div<{
   min-height: 2px;
   ${({ theme, $completed, $progress, $type }) => `
     background: ${
-      $completed
+      $completed && $type === "default"
         ? theme.click.field.color.background.default
         : `linear-gradient(to right, ${theme.global.color.accent.default} 0%, ${theme.global.color.accent.default} ${$progress}%, ${theme.click.field.color.background.default} ${$progress}%,  ${theme.click.field.color.background.default} 100%)`
     };