|
<div style="width: {{{width|100}}}px;"><span class="nowrap">{{formatnum:{{{1|50}}}}} / {{formatnum:{{{2|100}}}}}{{#if:{{{per|}}}| ({{#expr:(({{{1|50}}}/{{{2|100}}})*100) round (-1*{{min|0|{{Order of magnitude|{{#expr:({{{1|50}}}/{{{2|100}}})*100}}}}}}) }}%)}}</span><div role="img" style="border: 1px solid #aaa; {{#if:{{{background-color|}}}|background-color: {{{background-color}}};}} height: 1em; position: relative;"><div style="background-color: {{#if:{{Both|{{{4|}}}|{{{5|}}}}}
<div role="img" class="nowrap" style="display: inline-block; position: relative; vertical-align: top; {{#ifeq:{{{width|}}}|auto||width: {{{width|100%}}};}} text-shadow: 0 0 0.2em {{{text-shadow|#000}}}; color: {{{color|#fff}}}; "><!--
| rgb({{#expr:255*{{{3|255}}}}}, {{#expr:255*{{{4|0}}}}}, {{#expr:255*{{{5|0}}}}})
--><div style="position: absolute; {{#if:{{{border-color|}}}|box-sizing: border-box; border: 1px solid {{{border-color|}}};}} width: 100%; height: 100%; background-color: {{{background-color|#999}}};"><!--
| |{{{hex|{{{3|# 333CCCCCC}}}}}} ▼
--><div style="background-color:{{#if:{{both|{{{4|}}}|{{{5|}}}}}
}}; width: |rgb({{#expr:255*(({{{31|25550}}}/{{{2|100}},})*100) round (-1*{{min|0|{{Order of magnitude|{{#expr:255*({{{41|0}}50}}},{{#expr:255*/{{{52|0100}}})*100}}}}}}) }}%; height: 1em;"></div></div></div><noinclude>
{{Documentation}} </noinclude>▼▲ |{{{hex|{{{3|#333}}}}}}
}}; width: {{#expr:{{{1|50}}}/{{{2|100}}}*100}}%; height: 100%;"><!--
--></div><!--
--></div><!--
--><span style="position: relative; margin: 0 0.3em;"><!--
-->{{formatnum:{{{1|50}}}}} / {{formatnum:{{{2|100}}}}}<!--
--></span><!--
-->{{#if:{{{per|}}}|
<span style="position: relative; margin: 0 0.3em; {{{perstyle|}}}"><!--
-->({{#expr:(({{{1|50}}}/{{{2|100}}})*100)round (-1*{{min|0|{{Order of magnitude|{{#expr:({{{1|50}}}/{{{2|100}}})*100}}}}}}) }}%)<!--
--></span>
}}<!--
--></div><noinclude>
</noinclude>
|