Template:PercentageBox: Difference between revisions

Revision as of 19:28, 7 September 2023

50%

Example usage:

{{PercentageBox|aqua|50%|50%}}

Will result in: 50%

{{PercentageBox|lime|50%|TEST}}

Will result in: TEST

{{PercentageBox|orange|50%|50%|white|lightgrey}}

Will result in: 50%

@@ Line 1: / Line 1: @@
-<span style="vertical-align: middle;text-align:initial;position: relative;width:100px;height:21px;border: 2px solid black;text-size-adjust: auto; background: {{{5|white}}};margin: 0;display: inline-block; color:{{{4|black}}};"><span style="position: absolute; width:{{{2|50%}}};height:100%;background: {{{1|aqua}}};margin: 0;display: inline-block;"></span><span style="position: absolute; left: 0; top: 0; width:100px;height:21px;text-align:center;">'''{{{3|50%}}}'''</span></span><noinclude>
+<span style="vertical-align: middle;text-align:initial;position: relative;width:100px;height:21px;border: 2px solid black;text-size-adjust: auto; background: {{{5|white}}};margin: 0;display: inline-block; color:{{{4|black}}};"><span style="position: absolute; width:{{{2|50%}}};max-width: 100%;height:100%;background: {{{1|aqua}}};margin: 0;display: inline-block;"></span><span style="position: absolute; left: 0; top: 0; width:100px;height:21px;text-align:center;">'''{{{3|50%}}}'''</span></span><noinclude>
 <div style="background: #ECFCF4;border: 1px solid #A2A9B1;text-overflow: ellipsis;">
 <div style="margin-left:15px;margin-bottom:16px;text-overflow: ellipsis;">