A sliding guage

meter

The meter element provides a graphical display of a numeric value somewhere between two endpoint values.

The meter element has two thresholds that can be set:

  • One threshold is set with the low attribute. Values between min and low are considered to be in the lower range.
  • One threshold is set with the high attribute. Values between high and max are considered to be in the upper range.

An optimal value can be set as well, giving the user a sense for whether the lower, middle, or upper range is best.

Properties

value
This is the value to display in the meter.
min
The lowest value possible.
max
The highest value possible.
low
The lower range threshold. Values between "min" and "low" are in the lower range.
high
The upper range threshold. Values between "high" and "max" are in the upper range.
optimum
A number somewhere within the min/max range indicating where the optimal value lies. It may be within the lower, middle, or upper range.
form
This attribute may be used to declare the input to be part of a form even when it is not directly subordinate to it. Provide the ID of the form.

Example

h1 Dew Point in Celcius

form {
meter *min=-65 *max=45 *low=10 *high=30 *optimum=20 *value=31
}

Its muggy out there today!
The meter element

semantax > input-output > meterA sliding guage

🔎