add progress component, template, and stories (#4437)

libs/components/src/progress/progress.stories.ts

@@ -0,0 +1,39 @@
+import { Meta, Story } from "@storybook/angular";
+
+import { ProgressComponent } from "./progress.component";
+
+export default {
+  title: "Component Library/Progress",
+  component: ProgressComponent,
+  parameters: {
+    design: {
+      type: "figma",
+      url: "https://www.figma.com/file/Zt3YSeb6E6lebAffrNLa0h/Tailwind-Component-Library?node-id=1881%3A18185&t=AM0acaIJ00BUhZKz-4",
+    },
+  },
+  args: {
+    showText: true,
+    size: "default",
+    bgColor: "primary",
+  },
+} as Meta;
+
+const Template: Story<ProgressComponent> = (args: ProgressComponent) => ({
+  props: args,
+});
+
+export const Empty = Template.bind({});
+Empty.args = {
+  barWidth: 0,
+};
+
+export const Full = Template.bind({});
+Full.args = {
+  barWidth: 100,
+};
+
+export const CustomText = Template.bind({});
+CustomText.args = {
+  barWidth: 25,
+  text: "Loading...",
+};