Vorlage:Progressbar: Unterschied zwischen den Versionen

@@ Zeile 1: / Zeile 1: @@
-<noinclude>{#ifexpr:{{{1|}}}<3|<div style="display:inline-block; width:{{#expr: 10 * {{{1|}}}}}px; background:red; height:{{{2|}}}px; margin-top: 0px;"></div>|<div style="display:inline-block; width:{{#expr: 10 * {{{1|}}}}}px; background:blue; height:{{{2|}}}px; margin-top: 0px;"></div>}}</includeonly></noinclude>
+<includeonly>{{#switch: {{{1|}}}
-<noinclude></noinclude><includeonly>{{#switch: {{{1|}}}
+ | 0 = <div class="progress" style="margin-bottom:0"><div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 5%"><span class="sr-only">0 Punkte - Achtung!</span>0</div></div>
-  | 0 = <div style="display:inline-block; margin-top: 0px;">[[Bild:Achtung.png|12px|link=|Achtung!]]</div>
+ | 1 = <div class="progress" style="margin-bottom:0"><div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100" style="width: 20%"><span class="sr-only">1 Punkt</span>1</div></div>
-  | 1
+  | 2 =<div class="progress" style="margin-bottom:0"><div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: 40%"><span class="sr-only">2 Punkte</span>2 </div></div>
- | 2 = <div style="display:inline-block; width:{{#expr: 10 * {{{1|}}}}}px; background:red; height:{{{2|}}}px; margin-top: 0px;"></div>
+  | 3 = <div class="progress" style="margin-bottom:0"><div class="progress-bar " role="progressbar" aria-valuenow="3" aria-valuemin="0" aria-valuemax="100" style="width: 60%"><span class="sr-only">3 Punkte</span>3</div></div>
-  | 3 = <div style="display:inline-block; width:{{#expr: 10 * {{{1|}}}}}px; background:yellow; height:{{{2|}}}px; margin-top: 0px;"></div>
+  | 4 = <div class="progress" style="margin-bottom:0"><div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="4" aria-valuemin="0" aria-valuemax="100" style="width: 80%"><span class="sr-only">4 Punkte</span>4</div></div>
- | 4
+  | 5 = <div class="progress" style="margin-bottom:0"><div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100" style="width: 100%"><span class="sr-only">5 Punkte</span>5</div></div>
-  | 5 = <div style="display:inline-block; width:{{#expr: 10 * {{{1|}}}}}px; background:green; height:{{{2|}}}px; margin-top: 0px;"></div>
   | #default = -
 }}

Vorlage:Progressbar: Unterschied zwischen den Versionen

Aktuelle Version vom 18. November 2015, 22:12 Uhr