Difference between revisions of "Template:Progress bars"

Revision as of 13:23, 5 March 2015

   59% Complete (success)

   19% Complete

   19% Complete

   4% Complete (warning)

   4% Complete (warning)

   1% Complete (danger)

   1% Complete (danger)

   45% Complete

   35% Complete (success)

   20% Complete (warning)

   10% Complete (danger)

0%

2%

ANDI 19 10 CMAS 19 10 DDI 2 1 IANTD 15 8 NAUI 1 1 PADI 103 59 SSI 7 4 ΕΟΥΔΑΑΤΚ 7 4

@@ Line 34: / Line 34: @@
    </div>
 </div>
+<div class="progress">
+  <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
+    <span class="sr-only">45% Complete</span>
+  </div>
+</div>
+<div class="progress">
+  <div class="progress-bar progress-bar-success" style="width: 35%">
+    <span class="sr-only">35% Complete (success)</span>
+  </div>
+  <div class="progress-bar progress-bar-warning progress-bar-striped" style="width: 20%">
+    <span class="sr-only">20% Complete (warning)</span>
+  </div>
+  <div class="progress-bar progress-bar-danger" style="width: 10%">
+    <span class="sr-only">10% Complete (danger)</span>
+  </div>
+</div>
+<div class="progress">
+  <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em;">
+%
+  </div>
+</div>
+<div class="progress">
+  <div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 2%;">
+%
+  </div>
+</div>
 ANDI 19	10