Template:Done: Difference between revisions

From The DarkMod Wiki
Jump to navigationJump to search
Tels (talk | contribs)
finally fix the HTML *phew*
Tels (talk | contribs)
add color example and change default to be neutral blue
Line 7: Line 7:
== Example usage ==
== Example usage ==


<code><nowiki>{{done|n=75}}</nowiki></code>
{|cellpadding=8 cellspacing=0 border=1


Result: {{done|n=75}}
|-
!bgcolor=#deadff|Code
!bgcolor=#deadff|Result


|-
|<code><nowiki>{{done|n=75}}</nowiki></code>
|{{done|n=75}}
|-
|<code><nowiki>{{done|n=75|bg=#f04040}}</nowiki></code>
|{{done|n=75|bg=#f08080}}
|}


[[Category:Templates]]
[[Category:Templates]]
</noinclude><includeonly><div style="display: inline; position: relative; left: 0; top: 0; border: none;"><div style="position: absolute; left: 0; top: 0.2em; line-height: 0.8em; max-height: 0.8em; height: 0.8em; background: inherit; border: 1px solid #404040; margin: 0; padding: 0; width: 100px; max-width: 100px; min-width: 100px"><div style="line-height: 0.8em; max-height: 0.8em; height: 0.8em; background: {{{bg|red}}}; border: none; margin: 0; padding: 0; min-width: {{{n|25}}}px; width: {{{n|25}}}px; max-width: {{{n|25}}}px;"></div></div><small style="padding-left: 110px">{{{n|25}}}%</small></div></includeonly>
</noinclude><includeonly><div style="display: inline; position: relative; left: 0; top: 0; border: none;"><div style="position: absolute; left: 0; top: 0.2em; line-height: 0.8em; max-height: 0.8em; height: 0.8em; background: inherit; border: 1px solid #404040; margin: 0; padding: 0; width: 100px; max-width: 100px; min-width: 100px"><div style="line-height: 0.8em; max-height: 0.8em; height: 0.8em; background: {{{bg|#8080ff}}}; border: none; margin: 0; padding: 0; min-width: {{{n|25}}}px; width: {{{n|25}}}px; max-width: {{{n|25}}}px;"></div></div><small style="padding-left: 110px">{{{n|25}}}%</small></div></includeonly>

Revision as of 18:16, 17 October 2007

This template implements a progress bar:

  1. The parameter n controls how much percent are displayed as done.
  2. The parameter bg controls the background color.

Example usage

Code Result
{{done|n=75}}
75%
{{done|n=75|bg=#f04040}}
75%