GH-2371: Add tooltip to progress bars (via title attr)

apache · Mar 27, 2024 · 86c82e1 · 86c82e1
1 parent d034081
commit 86c82e1
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/jena-fuseki2/jena-fuseki-ui/src/views/dataset/Upload.vue b/jena-fuseki2/jena-fuseki-ui/src/views/dataset/Upload.vue
@@ -122,20 +122,22 @@
                   <div class="pt-2 pb-2">
                     <div class="progress" style="height: 1.5rem;">
                       <div
-                        class="progress-bar"
-                        role="progressbar"
                         :style="`width: ${uploadSucceededPercentage}%`"
                         :aria-valuenow="uploadSucceededPercentage"
+                        :title="`${uploadSucceededCount}/${uploadCount}`"
+                        class="progress-bar"
+                        role="progressbar"
                         aria-valuemin="0"
                         aria-valuemax="100"
                       >
                         {{ uploadSucceededCount }}/{{ uploadCount }}
                       </div>
                       <div
-                        class="progress-bar bg-danger"
-                        role="progressbar"
                         :style="`width: ${uploadFailedPercentage}%`"
                         :aria-valuenow="uploadFailedPercentage"
+                        :title="`${uploadFailedCount}/${uploadCount}`"
+                        class="progress-bar bg-danger"
+                        role="progressbar"
                         aria-valuemin="0"
                         aria-valuemax="100"
                       >