diff --git a/stories/atoms/progress-pie.stories.tsx b/stories/atoms/progress-pie.stories.tsx
new file mode 100644
index 0000000000..74caabf677
--- /dev/null
+++ b/stories/atoms/progress-pie.stories.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+import ProgressPie from "../../components/atoms/ProgressPie/progress-pie";
+
+const storyConfig = {
+  title: "Design System/Atoms/ProgressPie"
+};
+
+export default storyConfig;
+
+const ProgressPieTemplate: ComponentStory<typeof ProgressPie> = (args) => <ProgressPie {...args} />;
+
+export const Default = ProgressPieTemplate.bind({});
+Default.args = { percentage: 32 };
\ No newline at end of file