Vorlage:Fortschrittsbalken: Unterschied zwischen den Versionen

Aus Wiki - FabLab Lübeck e.V.
Zeile 1: Zeile 1:
<div style="
<div style="position:relative;display:inline-block;font-size:{{{text-size|small}}};line-height:1.5;margin:{{{box-margin|1px}}};margin-left:0;margin-right:0;width:{{{box-width|100%}}};font-weight:{{{text-weight|bold}}};" {{#if: {{{title|}}}
  width:{{{width|75%}}};
| title="{{{title|}}}"
{{#ifeq: {{{center|yes}}} | yes |
}}><!--
  margin:auto;
--><div style="background:{{{box-background|#FFF}}};color:{{{text-color|#252525}}};border:{{{box-border|1px solid #AAA}}};padding:{{{box-padding|1px}}};"><!--
  text-align:center;}}">
--><div style="position:relative"><!--
{{#ifeq: {{{header|yes}}} | yes
--><div style="position:relative;z-index:1;top:0;{{#if: {{{bar-background|}}}
| <p>
| background:{{{bar-background|}}};
   <big>
| {{#ifexpr: ({{{min|0}}}) >= ({{{max|100}}}) or ({{{current|0}}}) < ({{{min|0}}})
  '''{{#expr: ( {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}}) * 100 round 1}}%'''
  | background:#AAA;
  </big>
   | {{#ifexpr: ({{{current|0}}}) >= ({{{max|100}}})
  {{{text|completed <small>(estimate)</small>}}}
    | background:#0F0;
   </p>
    | background:rgb({{#expr: (
}}
        (({{{current|0}}}) - ({{{min|0}}})) / (({{{max|100}}}) - ({{{min|0}}})) * (160 - 255)+255
<p style="border:{{{border|1px solid gray}}}; padding:{{{padding|1px}}}; overflow:hidden;">
      ) round 0}},{{#expr: (
  <span style="
        (({{{current|0}}}) - ({{{min|0}}})) / (({{{max|100}}}) - ({{{min|0}}})) * (240 - 128)+128
    width: {{#expr: {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}} * 100}}%;
      ) round 0}},{{#expr: (
     height: {{{height|2}}}px;
        (({{{current|0}}}) - ({{{min|0}}})) / (({{{max|100}}}) - ({{{min|0}}})) * (  0 - 128)+128
    background:{{{color1|#5FDB00}}};
      ) round 0}});
     float:left;
    }}
    ">&nbsp;</span>
   }}
  <span style="
}}color:transparent;text-align:left;{{#if: {{{progression|}}}
    width:{{#expr: 100 - {{{1|<noinclude>2</noinclude>0}}} / {{{total|100}}} * 100}}%;
| width:{{{progression|}}};
     height:{{{height|2}}}px;
| width:{{#ifexpr: ({{{min|0}}}) >= ({{{max|100}}}) or ({{{current|0}}}) <= ({{{min|0}}})
     background:{{{color2|#efefef}}};
  | 0
    float:left;
  | {{#ifexpr: ({{{current|0}}}) >= ({{{max|100}}})
    ">&nbsp;</span>
    | 100%
</p>
     | {{#expr: (({{{current|0}}}) - ({{{min|0}}})) / (({{{max|100}}}) - ({{{min|0}}})) * 100 round 6}}%
</div>
     }}
  }};
}}">&nbsp;</div><!--
--><div style="position:absolute;z-index:2;top:0;width:100%;background:transparent;text-align:center;">{{#if: {{{progression|}}}
| {{{progression|}}}
| {{#ifeq: {{{mode|}}} | value
  | {{{current|0}}}
  | {{#ifexpr: ({{{min|0}}}) >= ({{{max|100}}})
    | ?
     | {{#expr: (({{{current|0}}}) - ({{{min|0}}})) / (({{{max|100}}}) - ({{{min|0}}})) * 100 round 1}}%
     }}
  }} {{{desc|}}}
}}</div><!--
--></div></div></div

Version vom 2. November 2016, 10:02 Uhr

 
0%
</div
Abgerufen von „https://wiki.fablab-luebeck.de/index.php?title=Vorlage:Fortschrittsbalken&oldid=287“