progress bar on dashboard & number formatting

src/views/partials/dashboardBox.ejs

@@ -0,0 +1,34 @@
+<div class="mt-12">
+    <a href="/plans/<%=plan._id%>">
+        <div class=" relative flex flex-col bg-clip-border  rounded-xl bg-white text-gray-700 shadow-md w-full min-h-[150px] min-w-[500px] 
+        md:min-h-[220px] ">
+            <!-- <div -->
+            <!--   class="bg-clip-border mx-4 rounded-xl overflow-hidden bg-gradient-to-tr from-blue-600 to-blue-400 text-white shadow-blue-500/40 shadow-lg absolute mt-2 grid h-16 w-16 place-items-center"> -->
+            <!-- </div> -->
+            <div class="p-4 flex items-center justify-between">
+                <p class="font-sans text-2xl leading-normal font-bold text-blue-gray-600">
+                    <%= plan.name %>
+                </p>
+                <h4
+                    class="planGoal block text-right antialiased tracking-normal font-sans text-2xl font-semibold leading-snug text-blue-gray-900">
+                    <%= plan.retirementAssets %>
+                </h4>
+            </div>
+            <div class="border-t border-blue-gray-50 p-10">
+                <p class=" antialiased font-sans text-base leading-relaxed font-normal text-blue-gray-600">
+                <div class="float-left font-bold">
+                    Status bar:
+                </div>
+                <strong class="text-green-500">
+                    <div class="float-right mb-2">
+                        <%=Math.floor(plan.progress) %>% complete
+                    </div>
+                    <div class="bg-gray-400 mt-7">
+                        <div class="bg-green-600 h-2.5 rounded-full dark:bg-green-500"
+                            style="width: <%= plan.progress %>%;"></div>
+
+                    </div>
+            </div>
+        </div>
+    </a>
+</div>