mouse interaction added

index.html

@@ -414,11 +414,7 @@ <h2 class="text-gray-800 text-base font-bold leading-relaxed">Progress bar</h2>
 
 						<div x-data="{ progressBarColor: 'default' }" class="">
 							<h2 class="text-gray-800 text-base font-bold leading-relaxed">Progress bar color customization</h2>
-							<p class="text-gray-600 text-sm leading-relaxed">If you don't want to show the icon, you can
-								set it to <span
-										class="font-medium italic bg-gray-200 px-1 rounded py-0 inline-block leading-5">false</span>.
-								Default is <span
-										class="font-medium italic bg-gray-200 px-1 rounded py-0 inline-block leading-5">true</span>.
+							<p class="text-gray-600 text-sm leading-relaxed">You can customize the progress bar color.
 							</p>
 							<div class="">
 								<ul class="my-4 flex justify-start items-center gap-5">
@@ -524,11 +520,8 @@ <h2 class="text-gray-800 text-base font-bold leading-relaxed">Available options<
 									<td class="border border-gray-200 text-left px-4 py-3">
 										progressBarColor
 									</td>
-									<td class="border border-gray-200 text-left px-4 py-3">Progressbar displayed relatively.
-										<span class="font-medium italic bg-gray-200 px-1 rounded py-0 inline-block leading-4">true</span>,
-										<span class="font-medium italic bg-gray-200 px-1 rounded py-0 inline-block leading-4">false</span>
-									</td>
-									<td class="border border-gray-200 text-left px-4 py-3"><span class="font-medium italic bg-gray-200 px-1 rounded py-0 inline-block leading-4">true</span></td>
+									<td class="border border-gray-200 text-left px-4 py-3">You can customize the progress bar color.</td>
+									<td class="border border-gray-200 text-left px-4 py-3">-</td>
 								</tr>
 								<tr class="border border-gray-200 even:bg-transparent odd:bg-gray-100">
 									<td class="border border-gray-200 text-left px-4 py-3">