The Progress component uses the same value property for both the progress bar and label shown in the upper right corner. The Koku UI needs to use a custom label as shown below.
Ideally, the percent value and percent label should be two properties. Providing another property would allow me to customize the text shown in the Koku dashboard, while providing a more precise percent value (e.g., 82.94345491971737) if needed for the bar.
Note that I attempted to use the valueText property, but that appears to be used for aria-valuetext. IMO, that property name should also be prefixed with "aria", similar to alert's aria-label, to avoid confusion.
The Progress component uses the same
value
property for both the progress bar and label shown in the upper right corner. The Koku UI needs to use a custom label as shown below.Ideally, the percent value and percent label should be two properties. Providing another property would allow me to customize the text shown in the Koku dashboard, while providing a more precise percent value (e.g., 82.94345491971737) if needed for the bar.
Note that I attempted to use the valueText property, but that appears to be used for aria-valuetext. IMO, that property name should also be prefixed with "aria", similar to alert's aria-label, to avoid confusion.