use native <meter> element instead of svg
I think we should use the native <meter>
element instead of a custom SVG.
One major difference is that our SVG solution uses color (red when less than 30%, blue when less than 90%, otherwise green). It is possible to have a 2-color destinction with <meter>
, but I am not sure if it is worth the hassle (it is not possible to do math in django templates so we would have to create additional code).
Another important difference is that <meter>
is not supported in IE.
I have some screenshots: