mirror of
https://github.com/RGBCube/serenity
synced 2025-10-31 07:52:45 +00:00
41 lines
913 B
HTML
41 lines
913 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
#hcontainer {
|
|
background-color: black;
|
|
}
|
|
.hbar {
|
|
background-color: blue;
|
|
color: white;
|
|
}
|
|
.w25 { width: 25% }
|
|
.w50 { width: 50% }
|
|
.w75 { width: 75% }
|
|
.w100 { width: 100% }
|
|
|
|
|
|
#vcontainer {
|
|
background-color: black;
|
|
height: 200px;
|
|
}
|
|
.vbar {
|
|
background-color: blue;
|
|
color: white;
|
|
}
|
|
.h25 { height: 25% }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="hcontainer">
|
|
<div class="hbar w25">25%</div>
|
|
<div class="hbar w50">50%</div>
|
|
<div class="hbar w75">75%</div>
|
|
<div class="hbar w100">100%</div>
|
|
</div>
|
|
<br>
|
|
<div id="vcontainer">
|
|
<div class="vbar h25">25%</div>
|
|
</div>
|
|
</body>
|
|
</html>
|