Card by Cybercom682

1<div
2  class="max-w-sm mx-auto bg-white dark:bg-zinc-800 shadow-md rounded-lg overflow-hidden"
3>
4  <div class="px-5 py-3 flex justify-between items-center">
5    <h3 class="text-zinc-900 dark:text-white text-lg">Progress</h3>
6    <svg
7      stroke-width="2"
8      stroke="currentColor"
9      viewBox="0 0 24 24"
10      fill="none"
11      class="h-6 w-6 text-zinc-900 dark:text-white"
12      xmlns="http://www.w3.org/2000/svg"
13    >
14      <path
15        d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
16        stroke-linejoin="round"
17        stroke-linecap="round"
18      ></path>
19    </svg>
20  </div>
21  <div class="px-5 pb-5">
22    <p class="mb-2 text-sm text-zinc-600 dark:text-zinc-400">
23      File: var/test/admin.php extracted..
24    </p>
25    <div class="w-full bg-zinc-200 dark:bg-zinc-700 rounded-full h-2.5">
26      <div style="width: 70%" class="bg-blue-600 h-2.5 rounded-full"></div>
27    </div>
28    <div class="flex justify-between items-center mt-3">
29      <span class="text-sm text-zinc-600 dark:text-zinc-400">70% Complete</span>
30      <button class="text-xs text-blue-600 hover:underline">Details</button>
31    </div>
32  </div>
33</div>
34