Use the meter element to measure data within a given range (a gauge):
<!DOCTYPE html>
<html>
<head>
<title>HTML 5 - meter</title>
<style type="text/css">
body, input
{
font-family: 'Segoe UI';
font-size: 25px;
}
</style>
</head>
<body>
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>
Disk usage: <meter min="0" max="100" value="30">30%</meter>
</body>
</html>
2 out of 10
60%
Disk usage:30%
<!DOCTYPE html>
<html>
<head>
<title>HTML 5 - meter</title>
<style type="text/css">
body, input
{
font-family: 'Segoe UI';
font-size: 25px;
}
</style>
</head>
<body>
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>
Disk usage: <meter min="0" max="100" value="30">30%</meter>
</body>
</html>
Output
Disk usage:
0 comments:
Post a Comment