Template:Progressbar

Bar of marks to note your progress/skills/whatever...
Usage:

 {{Progressbar|
   Length=total length (max 20)|
   Marks=marked length|
   Segment=unmarked segment|
   Mark=marked segment}}
 

Examples:

{{Progressbar|Length=5|Marks=3}}

⬛ ⬛ ⬛ ⬜ ⬜

{{Progressbar|Length=8|Marks=6|Segment=0|Mark=1}}

1 1 1 1 1 1 0 0

{{Progressbar|
Length=15|
Marks=10|
Segment=<div style="float:left; margin:-3px; border-style: solid; border-width: 1px; border-color: #111; border-radius: 50%; background:#fff; padding: 0px; width: 10px; height: 10px;"> </div>|
Mark=<div style="float:left; margin:-3px; border-style: solid; border-width: 1px; border-color: #111; border-radius: 50%; background:#b73; padding: 0px; width: 10px; height: 10px;"> </div>}}