HTML <meter> title Attribute

The title attribute on a <meter> tag adds a tooltip with title text to the meter element. Hovering the mouse over the meter will display the tooltip.

Example

#

A title attribute on a <meter> element.
Hover over the meter to see the tooltip.

Loading files...

50%
<div>Loading files...</div>

<br />
<meter value="0.5" title="50% files loaded">50%</meter>

Code explanation

The title attribute is placed in the <meter> opening tag.

The value can be any string. Hover over the meter and after a second or so a tooltip appears.


Using title

The title attributes attaches additional information to the <meter> element.

The title value displays as a tooltip.

The tooltip displays when the <meter> element is hovered.


Syntax

<meter title="value">

Values

#

Value Description
value A string value. A title can span multiple lines by including newline or carriage-return characters:  &#10;  or  &#013;.

Browser support

Here is when title support started for each browser:

Chrome
8.0 Dec 2010
Firefox
6.0 Aug 2011
IE/Edge
13.0 Nov 2015
Opera
11.0 Dec 2010
Safari
6.0 Jul 2012

You may also like

 Back to <meter>
Guides