diff --git a/index.html b/index.html
index 3d485d1..ddf1f56 100644
--- a/index.html
+++ b/index.html
@@ -48,6 +48,10 @@
                 <a href='./map/index.html'>
                     Map</a> - Image map with coordinates
             </li>
+            <li>
+                <a href='./meter/index.html'>
+                    Meter</a> - Display a gauge
+            </li>
         </ul>
     </div>
 </body>
diff --git a/meter/index.html b/meter/index.html
index e69de29..6013973 100644
--- a/meter/index.html
+++ b/meter/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+
+    <head>
+        <meta charset='utf-8'>
+        <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+        <title>HTML Tips and Tricks - Meter</title>
+        <meta name='viewport' content='width=device-width, initial-scale=1'>
+        <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
+    </head>
+
+    <body>
+        <div class="demo">
+            <h2> Meter </h2>
+            <label for="disk_c">Disk usage C:</label>
+            <meter id="disk_c" value="8" min="0" max="10">2 out of 10</meter><br>
+            
+            <label for="disk_d">Disk usage D:</label>
+            <meter id="disk_d" value="0.6">60%</meter>
+        </div>
+    </body>
+</html>
\ No newline at end of file
