From abd13f1f8fd4c8b10069174534c5fdec6c83576e Mon Sep 17 00:00:00 2001
From: Neil Richter <me@neilrichter.com>
Date: Mon, 24 Jun 2024 10:57:01 +0200
Subject: [PATCH] fix(Progress): pass down attrs to `<progress>` to improve
 accessibility (#1881)

---
 src/runtime/components/elements/Progress.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/elements/Progress.vue b/src/runtime/components/elements/Progress.vue
index 379e4875..6ae77b26 100644
--- a/src/runtime/components/elements/Progress.vue
+++ b/src/runtime/components/elements/Progress.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="ui.wrapper" v-bind="attrs">
+  <div :class="ui.wrapper" role="progressbar">
     <slot v-if="indicator || $slots.indicator" name="indicator" v-bind="{ percent }">
       <div v-if="!isSteps" :class="indicatorContainerClass" :style="{ width: `${percent}%` }">
         <div :class="indicatorClass">
@@ -8,7 +8,12 @@
       </div>
     </slot>
 
-    <progress :class="progressClass" v-bind="{ value, max: realMax }">
+    <progress
+      :aria-valuemax="realMax"
+      :aria-valuenow="value"
+      :class="progressClass"
+      v-bind="{ value, max: realMax, ...attrs }"
+    >
       {{ percent !== undefined ? `${Math.round(percent)}%` : undefined }}
     </progress>