From 68156f8f000bc97cd6e5bc4e0495e82a116f83e5 Mon Sep 17 00:00:00 2001
From: Kanav Arora <16619815+arorakanav@users.noreply.github.com>
Date: Thu, 20 Nov 2025 04:52:43 -0500
Subject: [PATCH] feat(client): module based progress (#63966)

---
 .../Introduction/components/super-block-accordion.css  |  1 +
 .../Introduction/components/super-block-accordion.tsx  | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/client/src/templates/Introduction/components/super-block-accordion.css b/client/src/templates/Introduction/components/super-block-accordion.css
index 6e9b5f21dca..b394ad59e11 100644
--- a/client/src/templates/Introduction/components/super-block-accordion.css
+++ b/client/src/templates/Introduction/components/super-block-accordion.css
@@ -117,6 +117,7 @@ button .block-header-button-text {
 
 .super-block-accordion .module-steps {
   font-size: 0.75em;
+  color: var(--quaternary-color);
 }
 
 .super-block-accordion .chapter-button:hover,
diff --git a/client/src/templates/Introduction/components/super-block-accordion.tsx b/client/src/templates/Introduction/components/super-block-accordion.tsx
index c397d32963b..388580e8642 100644
--- a/client/src/templates/Introduction/components/super-block-accordion.tsx
+++ b/client/src/templates/Introduction/components/super-block-accordion.tsx
@@ -189,6 +189,16 @@ const Module = ({
           </span>
           {t(`intro:${superBlock}.modules.${dashedName}`)}
         </div>
+        <div className='module-button-right'>
+          {!comingSoon && !!totalSteps && (
+            <span className='module-steps'>
+              {t('learn.steps-completed', {
+                totalSteps,
+                completedSteps
+              })}
+            </span>
+          )}
+        </div>
       </Disclosure.Button>
       <Disclosure.Panel as='ul' className='module-panel'>
         {comingSoon && (