diff --git a/index.html b/index.html
index 81fff72..03cf830 100644
--- a/index.html
+++ b/index.html
@@ -79,13 +79,27 @@
     <div class="group" id="progornoprog">
       <span class="question" data-l10n-id="progquestion"></span>
       <ul class="choices">
-        <li next-group="proglang"><span data-l10n-id="writecode"></span></li>
-        <li next-group="softtest"><span data-l10n-id="testsoftware"></span></li>
-        <li next-group="support"><span data-l10n-id="usersupport"></span></li>
-        <li next-group="translate"><span data-l10n-id="translation"></span></li>
-        <li next-group="advocate"><span data-l10n-id="advocacy"></span></li>
-        <li next-group="teach"><span data-l10n-id="teaching"></span></li>
-        <li next-group="uxdesign"><span data-l10n-id="uxdesign"></span></li>
+        <li next-group="proglang"><span data-l10n-id="writecode"></span>
+          <div class="extra" data-l10n-id="writecode-num" ></div>
+      </li>
+        <li next-group="softtest"><span data-l10n-id="testsoftware"></span>
+          <div class="extra" data-l10n-id="testsoftware-num" ></div>
+      </li>
+        <li next-group="support"><span data-l10n-id="usersupport"></span>
+          <div class="extra" data-l10n-id="usersupport-num" ></div>
+      </li>
+        <li next-group="translate"><span data-l10n-id="translation"></span>
+          <div class="extra" data-l10n-id="translation-num" ></div>
+      </li>
+        <li next-group="advocate"><span data-l10n-id="advocacy"></span>
+          <div class="extra" data-l10n-id="advocacy-num" ></div>
+        </li>
+      <li next-group="teach"><span data-l10n-id="teaching"></span>
+        <div class="extra" data-l10n-id="teaching-num" ></div>
+      </li>
+        <li next-group="uxdesign"><span data-l10n-id="uxdesign"></span>
+          <div class="extra" data-l10n-id="uxdesign-num" ></div>
+        </li>
       </ul>
     </div>
 
@@ -127,7 +141,7 @@
         </li>
         <li target="https://support.mozilla.org/en-US/get-involved/kb" data-choice-id="sumoqa">Mozilla Knowledge Base
           <div class="extra" data-l10n-id="sumokb-extra"></div>
-        </li>
+       </li>
         <li target="https://wiki.mozilla.org/Support/Social" data-choice-id="sumoaoa">Social Support
           <div class="extra" data-l10n-id="sumoaoa-extra"></div>
         </li>
@@ -188,18 +202,36 @@
       </ul>
     </div>
 
-    <div class="group" id="proglang">
-      <span class="question" data-l10n-id="question"></span>
+    <div class="group" id="proglang">                             
+      <span class="question" data-l10n-id="question"></span>      <!-- number of projects-->
       <ul class="choices">
-        <li next-group="cpp">C++</li>
-        <li next-group="js">JavaScript</li>
-        <li next-group="java">Java</li>
-        <li next-group="py">Python</li>
-        <li next-group="php">PHP</li>
-        <li next-group="perl">Perl</li>
-        <li next-group="c">C</li>
-        <li next-group="rust">Rust</li>
-        <li next-group="swift">Swift</li>
+        <li next-group="cpp">C++
+          <div class="extra" data-l10n-id="cpp-num" ></div>       <!-- number of projects-->
+        </li>
+        <li next-group="js">JavaScript
+          <div class="extra" data-l10n-id="js-num" ></div>        <!-- number of projects-->
+        </li>
+        <li next-group="java">Java
+          <div class="extra" data-l10n-id="java-num" ></div>      <!-- number of projects-->
+        </li>
+        <li next-group="py">Python
+          <div class="extra" data-l10n-id="py-num" ></div>        <!-- number of projects-->
+        </li>
+        <li next-group="php">PHP
+          <div class="extra" data-l10n-id="php-num" ></div>       <!-- number of projects-->
+        </li>
+        <li next-group="perl">Perl
+          <div class="extra" data-l10n-id="perl-num" ></div>      <!-- number of projects-->
+        </li>
+        <li next-group="c">C
+          <div class="extra" data-l10n-id="c-num" ></div>         <!-- number of projects-->
+        </li>
+        <li next-group="rust">Rust
+          <div class="extra" data-l10n-id="rust-num" ></div>      <!-- number of projects-->
+        </li>
+        <li next-group="swift">Swift
+          <div class="extra" data-l10n-id="swift-num" ></div>     <!-- number of projects-->
+        </li>
       </ul>
     </div>
 
diff --git a/locales/en.ini b/locales/en.ini
index 8241fa1..8c0ba3f 100644
--- a/locales/en.ini
+++ b/locales/en.ini
@@ -104,3 +104,20 @@ negative3 = Boring
 negative4 = Pffft, whatever
 negative5 = Not my line of expertise
 negative6 = Next please
+cpp-num=6 projects available
+js-num=13 projects available
+java-num=3 projects available
+py-num=6 projects available
+perl-num=1 project available
+php-num=3 projects available
+swift-num=2 projects available
+c-num=3 projects available
+rust-num= 2 projects available
+
+writecode-num=39 projects available
+testsoftware-num=5 projects available
+usersupport-num=4 projects available
+translation-num=5 projects available
+advocacy-num=4 projects available
+teaching-num=2 projects available
+uxdesign-num=2 projects available