틀:Progress bar: 두 판 사이의 차이

2021년 5월 19일 (수) 02:14 기준 최신판

20% completed (estimate)

모듈:TNT 158번째 줄에서 Lua 오류: Missing JsonConfig extension; Cannot load https://commons.wikimedia.org/wiki/Data:I18n/Documentation.tab.

@@ 1번째 줄: / 1번째 줄: @@
-<div style="width:{{{width|75%}}}; margin:auto; text-align:center;">
+<div style="
+  width:{{{width|75%}}};
+{{#ifeq: {{{center|yes}}} | yes |
+  margin:auto;
+  text-align:center;}}">
 {{#ifeq: {{{header|yes}}} | yes
 | <p>
-   <big>
+   {{Big|1=
    '''{{#expr: ( {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}}) * 100 round 1}}%'''
-   </big>
+   }}
    {{{text|completed <small>(estimate)</small>}}}
    </p>
 }}
-<p style="border:{{{border|1px solid black}}}; padding:{{{padding|1px}}}; overflow:hidden;">
+<p style="border:{{{border|1px solid #c8ccd1}}}; padding:{{{padding|1px}}}; overflow:hidden;">
-   <span style="
+   <span style=" <!-- if percentage is higher than 100%, show all green bar -->
-     width: {{#expr: {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}} * 100}}%;
+     width: {{#ifexpr: {{#expr:{{{1|0}}}/{{{total|100}}}}}>1 | 100 | {{#expr: {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}} * 100}}}}%;
      height: {{{height|2}}}px;
-     background:#7fff00;
+     background:{{{color1|#00af32}}};
      float:left;
      ">&nbsp;</span>
-   <span style="
+   <span style=" <!-- if percentage is higher than 100%, show no grey bar -->
-     width:{{#expr: 100 - {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}} * 100}}%;
+     width: {{#ifexpr: {{#expr:{{{1|0}}}/{{{total|100}}}}}>1 | 0 | {{#expr: 100 - {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}} * 100}}}}%;
-     height:{{{height|2}}}px;
+     height: {{{height|2}}}px;
-     background:#ff7f50;
+     background:{{{color2|#eaecf0}}};
      float:left;
      ">&nbsp;</span>
 </p>
 </div><noinclude>{{Documentation}}</noinclude>