<p>Температура воды</p>
  <meter value="0" max="100" low="10" high="60" data-description="Низкая"></meter>
  <meter value="30" max="100" low="10" high="60" data-description="Нормальная"></meter>
  <meter value="80" max="100" low="10" high="60" data-description="Горячая"></meter>
  <meter value="100" max="100"  data-description="Кипяток"></meter>
                
			

			        meter {
    position: relative;
   }
   meter:hover::after {
    content: attr(data-description);
    background: #ffe;
    padding: 5px;
    border: 1px solid #666;
    position: absolute;
    top: 20px;
   }