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

LibWeb: Add basic HTML meter element support

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

17
Tests/LibWeb/Ref/meter.html Normal file
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>

BIN
Tests/LibWeb/Ref/reference/images/meter-ref.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
Tests/LibWeb/Ref/reference/meter-ref.html Normal file
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">