diff --git a/resources/js/pages/patients/CompletedMeetingTab.vue b/resources/js/pages/patients/CompletedMeetingTab.vue
index c419e9e..f304619 100644
--- a/resources/js/pages/patients/CompletedMeetingTab.vue
+++ b/resources/js/pages/patients/CompletedMeetingTab.vue
@@ -47,7 +47,7 @@ const headers = [
   { key: 'start_time', title: 'Start Time' },
   { key: 'end_time', title: 'End Time' },
   { key: 'duration', title: 'Duration' },
-  { title: 'ACTIONS', key: 'actions' },
+//  { title: 'ACTIONS', key: 'actions' },
 ];
 
 
diff --git a/resources/js/pages/patients/PatientBioPanel.vue b/resources/js/pages/patients/PatientBioPanel.vue
index 57c045e..c5c83e4 100644
--- a/resources/js/pages/patients/PatientBioPanel.vue
+++ b/resources/js/pages/patients/PatientBioPanel.vue
@@ -1,4 +1,6 @@
 <script setup>
+const profile = ref(0)
+const color = ref(0)
 const props = defineProps({
   userData: {
     type: Object,
@@ -66,7 +68,18 @@ const resolveUserRoleVariant = role => {
       const lines = props.userData.plans.list_two_title.split(',')
       return lines.slice(0, 3)
     })
-
+onMounted(async () => {
+  profile.value = props.userData.patient.profile_completion_Percentage
+  if (profile.value <= 50) {
+    color.value="rgb(var(--v-theme-error))"
+  }
+   if (profile.value >= 80) {
+    color.value="rgb(var(--v-theme-success))"
+  }
+  if (profile.value > 50 && profile.value < 80) {
+    color.value="rgb(var(--v-theme-warning))"
+  }
+});
 </script>
 
 <template>
@@ -100,25 +113,29 @@ const resolveUserRoleVariant = role => {
           </h5>
 
           <!-- 👉 Role chip -->
-          <VChip
-            :color="resolveUserRoleVariant('Patient').color"
-            size="small"
-            class="text-capitalize mt-4"
-          >
-            Patient
-          </VChip>
-           <VChip
-                  size="small"
-                  :color="resolveUserStatusVariant('active')"
-                   class="text-capitalize mt-4"
-                >
-                  Active
-                </VChip>
+          
+          
+                <div class="mt-3">
+                  <span class="font-weight-medium" style="float: left;">
+                  Profile Status:
+                </span>
+                <VProgressLinear
+                v-model="profile"
+                :color="color"
+                height="14"
+                striped
+              >
+                <template #default="{ value }">
+                  <span>{{ Math.ceil(value) }}%</span>
+                </template>
+            </VProgressLinear>
+      </div>
         </VCardText>
 
       
 
         <!-- 👉 Details -->
+     
         <VCardText class="pb-6">
           <h5 class="text-h5">
             Details
diff --git a/resources/js/pages/providers/ProviderBioPanel.vue b/resources/js/pages/providers/ProviderBioPanel.vue
index 1f52475..c23e201 100644
--- a/resources/js/pages/providers/ProviderBioPanel.vue
+++ b/resources/js/pages/providers/ProviderBioPanel.vue
@@ -95,20 +95,14 @@ const resolveUserRoleVariant = role => {
           </h5>
 
           <!-- 👉 Role chip -->
-          <VChip
-            :color="resolveUserRoleVariant('Provider').color"
-            size="small"
-            class="text-capitalize mt-4"
-          >
-            Provider
-          </VChip>
-              <VChip
+          
+            <!--  <VChip
             :color="resolveUserStatusVariant(props.userData.telemed.status==1?'Active':'InActive')"
             size="small"
             class="text-capitalize mt-4"
           >
             {{ props.userData.telemed.status==1?"Active":'InActive' }}
-          </VChip>
+          </VChip>-->
         </VCardText>