틀: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번째 줄: @@
-{| style="border: 1px solid black" cellspacing=1 width={{{width|75%}}} height=15x align=center
+<div style="
- |+ <big>'''{{{1|0}}}%'''</big>{{{Text| completed <small>(estimate)</small>}}}
+  width:{{{width|75%}}};
- |align=center width=0.{{{1|000.00}}}% style=background:#7fff00|
+{{#ifeq: {{{center|yes}}} | yes |
- |align=center width={{ #expr: 100-{{{1|000.00}}}}}% style=background:#ff7f50|
+  margin:auto;
- |}<noinclude>
+  text-align:center;}}">
+{{#ifeq: {{{header|yes}}} | yes
-{{Esoteric}}
+| <p>
+  {{Big|1=
-:This draws a progress bar, the value to supply as the parameter is the percent, from 0 to 0.01 or 0.99 to 1 or 1.01 to 99.99 or 100.  14 would mean 14%, .14 would be 0.14%.  If you don't specify a value, it returns 0%.
+  '''{{#expr: ( {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}}) * 100 round 1}}%'''
-Options:
+  }}
-:Width= defaults to 75%
+  {{{text|completed <small>(estimate)</small>}}}
-:Text= message to display after %; defaults to: completed <small>(estimate)</small>
+  </p>
+}}
-[[pt:Predefinição:Barradeprogresso]]
+<p style="border:{{{border|1px solid #c8ccd1}}}; padding:{{{padding|1px}}}; overflow:hidden;">
+  <span style=" <!-- if percentage is higher than 100%, show all green bar -->
-</noinclude>
+    width: {{#ifexpr: {{#expr:{{{1|0}}}/{{{total|100}}}}}>1 | 100 | {{#expr: {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}} * 100}}}}%;
+    height: {{{height|2}}}px;
+    background:{{{color1|#00af32}}};
+    float:left;
+    ">&nbsp;</span>
+  <span style=" <!-- if percentage is higher than 100%, show no grey bar -->
+    width: {{#ifexpr: {{#expr:{{{1|0}}}/{{{total|100}}}}}>1 | 0 | {{#expr: 100 - {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}} * 100}}}}%;
+    height: {{{height|2}}}px;
+    background:{{{color2|#eaecf0}}};
+    float:left;
+    ">&nbsp;</span>
+</p>
+</div><noinclude>{{Documentation}}</noinclude>