Difference between revisions of "Template:SpeciesStatBar"

From Cassette Beasts
(Created page with "<div style="background: #000; width: 200px; height: 20px"><div style="background: #3fbb9f; width: {{#expr: ({{{value|50}}}*200/{{{max_value|200}}})}}px; height: 20px"></div></...")
 
m (Changed the max value to 300 so it won't clip outside the margins anymore.)
 
(3 intermediate revisions by one other user not shown)
Line 1: Line 1:
<div style="background: #000; width: 200px; height: 20px"><div style="background: #3fbb9f; width: {{#expr: ({{{value|50}}}*200/{{{max_value|200}}})}}px; height: 20px"></div></div>
+
<div style="padding: 0.5em">
 +
<div style="background: #000; width: 100%; max-width: 400px; height: 30px"><div style="text-align: center; color: #fff; font-weight: bold; top: 0; position: relative; width: 100%; height: 100%; vertical-align: middle; float: left; font-size: 20px">{{{value|0}}}</div><div style="background: #3fbb9f; width: {{#expr: ({{{value|50}}}*100/{{{max_value|300}}})}}%; height: 100%"></div></div>
 +
</div>

Latest revision as of 21:24, 10 May 2023

0