diff --git a/src/components/MCQQuestion.vue b/src/components/MCQQuestion.vue
index f04e68c..e46f876 100644
--- a/src/components/MCQQuestion.vue
+++ b/src/components/MCQQuestion.vue
@@ -11,7 +11,9 @@
                 <div class="border-t-2 rounded-2xl border-yellow-500 shadow-lg p-6 w-full max-w-2xl">
                 <div class="flex flex-row place-content-between">
                     <p class="text-xl font-bold">Question: {{ qPoint + 1 }} / {{ noOfQs }} </p>
-                    <div class="flex flex-row place-items-center gap-x-2">
+                    <div class="flex flex-col place-items-center gap-x-2">
+                        <p>Answered: {{ totalAnswered }}</p>
+                        <p>Reviewed: {{ totalReview }}</p>
                     <!-- <p class="text-xl font-bold">00:00</p> -->
                     <!-- <p class="text-xl font-bold" @click="remainingTime()">Start {{countdown}}</p> -->
                     </div>
@@ -52,6 +54,8 @@
                 <div class="flex flex-col border-t-2 border-yellow-500 shadow-lg rounded-lg p-2">
                     <p class="text-center py-4 text-xl font-bold">Your Response</p>
                     <div class="grid grid-cols-3 gap-2">
+                        <!-- <p class="response-indicator" v-for="(question, index) in qsData" :key="index" :class="{'response' : totalAnswer[index] && totalAnswer[index].answer < 0, 'response-review' : totalAnswer[index] && totalAnswer[index].answer === 0}">{{ index + 1 }}</p> -->
+                        <!-- <p class="response-indicator" v-for="(response, index) in qsData" :key="index" :class="{'response' : totalAnswer.answer <= 0}">{{ index + 1 }}</p> -->
                         <p class="bg-green-600 response-indicator shadow-md font-bold text-white text-xl" v-for="(response, index) in totalAnswer" :key="index " :class="{'response' : response.answer <= 0}"> {{ index + 1}}</p>
                     </div>
                 </div>
@@ -74,8 +78,16 @@ export default {
             qsActive:[],
             ansNo:0,
             selectedOptionIndex: null, // Add this property
+            totalAnswered: 0,
+            totalReview: 0,
         };
     },
+    computed: {
+        combinedArray() {
+        // Combine the arrays into a single array
+        return [this.qsData, this.totalAnswer];
+        },
+    },
     methods: {
         resetRadioInputs() {
             // this.selectedOptions = {};
@@ -83,6 +95,7 @@ export default {
         },
         saveAns() {
             // if (this.saveAnswer !== null) {
+                this.totalAnswered++;
                 const selectedAnswer = {
                     questionId: this.qsData[this.qPoint].id,
                     answer: this.saveAnswer,
@@ -132,6 +145,7 @@ export default {
         },
         reviewLater(){
             this.getNextQs();
+            this.totalReview++;
             const selectedAnswer = {
                 questionId: this.qsData[this.qPoint - 1].id,
                 answer: 0,
@@ -174,6 +188,7 @@ export default {
     align-items: center;
     text-align: center;
     padding-top: 10px;
+    /* border: 2px solid black; */
     border-radius: 50%;
 }
 .response{