18 lines
769 B
XML
18 lines
769 B
XML
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
|
|
<!-- Gauge background -->
|
|
<path d="M 20 150 A 80 80 0 1 1 180 150"
|
|
fill="none" stroke="#e0e0e0" stroke-width="20" stroke-linecap="round"/>
|
|
|
|
<!-- Full fill -->
|
|
<path d="M 20 150 A 80 80 0 1 1 180 150"
|
|
fill="none" stroke="#4caf50" stroke-width="20" stroke-linecap="round"
|
|
stroke-dasharray="251.2" stroke-dashoffset="0"/>
|
|
|
|
<!-- Needle -->
|
|
<line x1="100" y1="150" x2="155" y2="70" stroke="#333" stroke-width="12" stroke-linecap="round"/>
|
|
<circle cx="100" cy="150" r="8" fill="#333"/>
|
|
|
|
<!-- Label -->
|
|
<text x="100" y="175" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#4caf50">FULL</text>
|
|
</svg>
|