release: 4.6.64 queue progress bar role=progressbar + aria-valuenow

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.63",
+  "version": "4.6.64",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.63",
+      "version": "4.6.64",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.63",
+  "version": "4.6.64",
   "description": "Twitch VOD Manager - Download Twitch VODs easily",
   "main": "dist/main.js",
   "author": "xRangerDE",

src/renderer-queue.ts

@@ -412,6 +412,7 @@ function updateQueueItemProgress(progress: DownloadProgress): void {
     if (!item) return;
 
     const bar = el.querySelector('.queue-progress-bar') as HTMLElement | null;
+    const wrap = el.querySelector('.queue-progress-wrap') as HTMLElement | null;
     const text = el.querySelector('.queue-progress-text') as HTMLElement | null;
     const meta = el.querySelector('.queue-meta') as HTMLElement | null;
 
@@ -420,6 +421,7 @@ function updateQueueItemProgress(progress: DownloadProgress): void {
         const pct = isDeterminate ? Math.min(100, progress.progress) : 0;
         bar.style.width = `${pct}%`;
         bar.className = `queue-progress-bar${isDeterminate ? '' : ' indeterminate'}`;
+        if (wrap) wrap.setAttribute('aria-valuenow', String(Math.round(pct)));
     }
     if (text) text.textContent = getQueueProgressText(item);
     if (meta) meta.textContent = getQueueMetaText(item);
@@ -559,7 +561,7 @@ function renderQueue(): void {
                         <div class="queue-status-label">${safeStatusLabel}</div>
                     </div>
                     <div class="queue-meta">${safeMeta}${mergeMetaExtra}</div>
-                    <div class="queue-progress-wrap">
+                    <div class="queue-progress-wrap" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${Math.round(progressValue)}" aria-label="${escapeHtml(safeStatusLabel)}">
                         <div class="queue-progress-bar${progressClass}" style="width: ${progressValue}%;"></div>
                     </div>
                     <div class="queue-progress-text">${safeProgressText}</div>