Summary
The semantics of <progress /> and <meter /> are a little different though visually they present really similar info.
In Discover (and probably other areas), Kibana uses EuiProgress to show a ratio of a thing, not to actually show a "progressing" state. In these cases, <meter /> would be the appropriate element to use.
What to do
-
Add an option to render EuiProgress with a <meter /> element instead. This might require some CSS tweaks as well to make sure both components render the same in all browsers.
-
Add a note to the docs about the difference and when to use which. (<progress /> should be used when it is a long running task that will complete. <meter /> should be used when you are displaying a static ratio.)
Summary
The semantics of
<progress />and<meter />are a little different though visually they present really similar info.In Discover (and probably other areas), Kibana uses
EuiProgressto show a ratio of a thing, not to actually show a "progressing" state. In these cases,<meter />would be the appropriate element to use.What to do
Add an option to render
EuiProgresswith a<meter />element instead. This might require some CSS tweaks as well to make sure both components render the same in all browsers.Add a note to the docs about the difference and when to use which. (
<progress />should be used when it is a long running task that will complete.<meter />should be used when you are displaying a static ratio.)