Home

Some questions came up about the meter element.

This is handy, but the basic functionality is, well, basic. Everyone has seen some fancier use that isn’t actually included in the regular meter element attributes that are described in the textbook.

So how did “they” do that? Here are some resources that describe additional tips and tricks.

* color – If the value is between min and low, the meter is yellow. If the value is the low value, the high value, or anywhere in between, the meter is green. If the value is between high and max, it will be red. Currently the optimum value has no noticeable effect. Note – this is not supported by all browsers. http://www.wufoo.com/html5/elements/1-meter.html

If you want more different colors, you will likely have to dig pretty deeply into how browsers actually work – here is a sample discussion that has been going on for years…
http://stackoverflow.com/questions/8094835/how-to-style-html5-meter-tag

Here is the source of the code quoted…
https://css-tricks.com/html5-meter-element/

All of this is way beyond the scope of an introductory HTML and CSS course.

Thanks for asking. ;o)

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s