HTML and CSS Reference
give further meaning. When the value is in the low range, the meter will display in red; in
the medium range, it'll display in yellow; and in the high and optimum ranges, it'll display
in green. Figure 1.4 illustrates the appearances the <meter> element can have.
Figure 1.4. A screenshot of the states in which you can represent a <meter> element: empty, low, medium, high,
The code for the <meter> element in figure 1.4 is as follows:
toggle the display CSS property of the section so it would show or hide. HTML5 introduces
the <details> and <summary> elements to provide a script-free method for providing
such functionality. Figure 1.5 illustrates these new elements in action.