Robot
/
html-tips-tricks
mirror of https://github.com/atapas/html-tips-tricks.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added progress

This commit is contained in:
Tapas Adhikary 2020-08-14 11:00:46 +05:30
parent 086bf84e7d
commit 388e035422
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

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

11
meter/index.html
View File

@ -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>