User:Jareel_Skaj/TDp

This template allows you to create progress bars within table cells.

Note

1. row needs to have height set to 100% for this to work (|- style="height: 100%;")
2. this template already contains | (table row command), so it should be used directly in line

Code	Sample
{{User:U12017485/TDp|value=50|2 Lorem ipsum dolor sit amet}}	2 Lorem ipsum dolor sit amet
{{User:U12017485/TDp|color=#94a4b0|value=45|1 Lorem ipsum dolor sit amet}}	1 Lorem ipsum dolor sit amet
{{User:U12017485/TDp|color=#94a4b0|valueP=0.40|4 Lorem ipsum dolor sit amet}}	4 Lorem ipsum dolor sit amet
{{User:U12017485/TDp|color=rgb(176, 190, 197)|valueP=0.35|padding=0|3 Lorem ipsum dolor sit amet}} (this sample shows a new parameter: padding, and a color matching the table borders)	3 Lorem ipsum dolor sit amet

Wiki's sorting still works fine, ignoring the html, and going straight for the content :)

Code sample for a whole table:

{| class="wikitable sortable" style="text-align:center" width="100%"
|-
! Test
! Sample
|- style="height: 100%;" 
| test
{{User:U12017485/TDp|value=50|Lorem ipsum dolor sit amet}} <!-- this line correctly does '''not''' start with <code>| </code>! -->
|}