diff --git a/static/app/components/progrssBar.stories.tsx b/static/app/components/progrssBar.stories.tsx
new file mode 100644
index 00000000000000..60916bb6ac3f7b
--- /dev/null
+++ b/static/app/components/progrssBar.stories.tsx
@@ -0,0 +1,16 @@
+import ProgressBar from 'sentry/components/progressBar';
+import Matrix from 'sentry/components/stories/matrix';
+import storyBook from 'sentry/stories/storyBook';
+
+export default storyBook(ProgressBar, story => {
+  story('Default', () => (
+    <Matrix
+      propMatrix={{
+        value: [0, 25, 50, 75, 100],
+        variant: ['small', 'large'],
+      }}
+      render={ProgressBar}
+      selectedProps={['value', 'variant']}
+    />
+  ));
+});