Added progress

Author: atapas

index.html

@@ -51,7 +51,7 @@ <h1>HTML5 Tips and Tricks</h1>
             </li>
             <li>
                 <a href='./meter/index.html'>
-                    Meter</a> - Display a gauge
+                    Meter and Progress</a> - Display a gauge
             </li>
         </ul>
     </div>

meter/index.html

@@ -16,11 +16,14 @@
                 <img src="../home.svg" alt="home" />
             </a>
             <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="home">/home/atapas</label>
+            <meter id="home" value="4" 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>
+            <label for="root">/root</label>
+            <meter id="root" value="0.6">60%</meter><br>
+
+            <label for="file">Downloading progress:</label>
+            <progress id="file" value="32" max="100"> 32% </progress>
         </div>
     </body>
 </html>