From aa101d604ea3c263a84932d554e8bd56b9eb2669 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A7=A6=E6=B1=89?=
 <5725748+qin_and_han_dynasties@user.noreply.gitee.com>
Date: Mon, 4 May 2026 19:49:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E5=A2=9E=E5=8A=A0=E4=B8=80?=
 =?UTF-8?q?=E4=B8=AA=E4=BB=8A=E6=97=A5=E4=BB=BB=E5=8A=A1=E7=9A=84=E8=BF=9B?=
 =?UTF-8?q?=E5=BA=A6=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Build_God_Game/src/views/DailyMissionView.vue | 38 ++++++++++++++++++-
 1 file changed, 37 insertions(+), 1 deletion(-)

diff --git a/Build_God_Game/src/views/DailyMissionView.vue b/Build_God_Game/src/views/DailyMissionView.vue
index 0228996..d410896 100644
--- a/Build_God_Game/src/views/DailyMissionView.vue
+++ b/Build_God_Game/src/views/DailyMissionView.vue
@@ -105,6 +105,12 @@ onMounted(() => {
   loadMissions()
 })
 
+const todayProgressPercent = computed(() => {
+  const { claimed, total } = todayStats.value
+  if (!total || total <= 0) return 0
+  return Math.min(100, Math.round((claimed / total) * 100))
+})
+
 const activeMissions = computed(() => missions.value.filter(m => !m.isFromYesterday))
 const hasAnyMissions = computed(() => activeMissions.value.length > 0)
 
@@ -321,6 +327,16 @@ const MissionCardContent = defineComponent({
       <div v-else class="missions-content">
         <div v-if="activeMissions.length > 0" class="stats-bar">
           <span class="stats-text">今日进度: {{ todayStats.claimed }}/{{ todayStats.total }}</span>
+          <div
+            class="stats-progress-track"
+            role="progressbar"
+            :aria-valuenow="todayStats.claimed"
+            :aria-valuemin="0"
+            :aria-valuemax="todayStats.total"
+            :aria-label="`今日已领取 ${todayStats.claimed} / ${todayStats.total}`"
+          >
+            <div class="stats-progress-fill" :style="{ width: `${todayProgressPercent}%` }" />
+          </div>
         </div>
 
         <div v-if="hasAnyMissions" class="mission-list">
@@ -442,6 +458,9 @@ const MissionCardContent = defineComponent({
 }
 
 .stats-bar {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
   background: rgba(255, 255, 255, 0.05);
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 8px;
@@ -450,10 +469,27 @@ const MissionCardContent = defineComponent({
 }
 
 .stats-text {
-  color: #888888;
+  color: #aaaaaa;
   font-size: 0.9rem;
 }
 
+.stats-progress-track {
+  width: 100%;
+  height: 10px;
+  border-radius: 999px;
+  background: rgba(0, 0, 0, 0.35);
+  overflow: hidden;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
+}
+
+.stats-progress-fill {
+  height: 100%;
+  min-width: 0;
+  border-radius: 999px;
+  background: linear-gradient(90deg, #16a34a, #22c55e 45%, #4ade80);
+  transition: width 0.4s ease;
+}
+
 .mission-list {
   display: flex;
   flex-direction: column;