1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 22:27:35 +00:00

LibWeb: Add basic HTML meter element support

This commit is contained in:
Bastiaan van der Plaat 2023-11-25 14:32:40 +01:00 committed by Sam Atkins
parent 761d824b72
commit 2107ab823d
13 changed files with 442 additions and 14 deletions

View file

@ -0,0 +1,17 @@
<link rel="match" href="reference/meter-ref.html" />
<style>
* {
margin: 0;
}
body {
background-color: white;
}
</style>
<meter value="0.5">50%</meter>
<meter value="4" max="10">4/10</meter>
<meter min="1" value="3" max="10">grade 3</meter>
<meter low="4" value="1" max="10"></meter>
<meter low="4" high="6" value="9" max="10"></meter>
<meter low="4" high="6" value="9" max="10" optimum="1"></meter>
<meter low="4" value="1" high="5" min="3" max="10" optimum="10"></meter>
<meter low="4" value="3" high="5" min="1" max="2" optimum="10"></meter>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

View file

@ -0,0 +1,15 @@
<style>
* {
margin: 0;
}
body {
background-color: white;
}
</style>
<!-- To rebase:
1. Open meter.html in Ladybird
2. Resize the window to 800x600
3. Right click > "Take Full Screenshot"
4. Update the image below:
-->
<img src="./images/meter-ref.png">