diff --git a/src/ui/src/components/core/content/CoreProgressBar.vue b/src/ui/src/components/core/content/CoreProgressBar.vue index a150ebcf..82d61319 100644 --- a/src/ui/src/components/core/content/CoreProgressBar.vue +++ b/src/ui/src/components/core/content/CoreProgressBar.vue @@ -4,10 +4,11 @@ class="CoreProgressBar" :class="{ 'CoreProgressBar--clickable': isClickable }" role="progressbar" - :aria-valuetext="progressionText" + :aria-valuetext="progression === undefined ? null : progressionText" :aria-valuemin="min" :aria-valuemax="max" - :aria-valuenow="value" + :aria-valuenow="progression === undefined ? null : value" + :aria-busy="progression < 1 || progression === undefined" :tabindex="isClickable ? '0' : null" @keydown.enter="handleClick" @click="handleClick" @@ -25,6 +26,10 @@
@@ -64,7 +69,6 @@ const definition: WriterComponentDefinition = { value: { name: "Value", type: FieldType.Number, - default: "0.25", }, min: { name: "Minimum value", @@ -120,14 +124,20 @@ const min = computed(() => Number(fields.min.value)); const max = computed(() => Number(fields.max.value)); const displayPercentage = useFieldValueAsYesNo(fields, "displayPercentage"); -const progression = computed( - () => (value.value - min.value) / (max.value - min.value), -); +const progression = computed