diff --git a/src/lib/components/SettingPanel/components/SerialSetting.svelte b/src/lib/components/SettingPanel/components/SerialSetting.svelte
index 3adca51..7826cf9 100644
--- a/src/lib/components/SettingPanel/components/SerialSetting.svelte
+++ b/src/lib/components/SettingPanel/components/SerialSetting.svelte
@@ -107,7 +107,18 @@
           >
         {/if}
       {:else if $serialState.status === 'requesting' || $serialState.status === 'connecting'}
-        <Button class="w-full" disabled>连接中...</Button>
+        <Button class="w-full" disabled
+          ><svg class="h-5 w-5 animate-spin" viewBox="0 0 50 50">
+            <circle
+              class="animate-dash stroke-base-content/10 stroke-8"
+              cx="25"
+              cy="25"
+              r="20"
+              fill="none"
+            />
+          </svg>
+          连接中...</Button
+        >
       {:else if $serialState.status === 'connected'}
         <Button class="w-full" color="error" onclick={serial.closePort}
           >断开连接</Button