Skip to content

use native <meter> element instead of svg

Bengfort requested to merge meter-element into master

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:

before

before

meter in firefox

firefox

meter in chrome 81

chrome 81

meter redesign

expected for chrome 83

chrome 83

Edited by Hayat

Merge request reports