Square Preloader

[font=Tahoma]I have seen a few of those preloaders that have empty squares and as they get closer to 100% they fill[/font]

[font=Tahoma]like this:[/font]
[font=Tahoma]

[/font]
[font=Courier New]0% =   □ □ □ □ □ □ □ □ □ □[/font]
[font=Courier New]10% =  ■ □ □ □ □ □ □ □ □ □[/font]
[font=Courier New]20% =  ■ ■ □ □ □ □ □ □ □ □[/font]
[font=Courier New]30% =  ■ ■ ■ □ □ □ □ □ □ □[/font]
[font=Courier New]40% =  ■ ■ ■ ■ □ □ □ □ □ □[/font]
[font=Courier New]50% =  ■ ■ ■ ■ ■ □ □ □ □ □[/font]
[font=Courier New]60% =  ■ ■ ■ ■ ■ ■ □ □ □ □[/font]
[font=Courier New]70% =  ■ ■ ■ ■ ■ ■ ■ □ □ □[/font]
[font=Courier New]80% =  ■ ■ ■ ■ ■ ■ ■ ■ □ □[/font]
[font=Courier New]90% =  ■ ■ ■ ■ ■ ■ ■ ■ ■ □[/font]
[font=Courier New]100% = ■ ■ ■ ■ ■ ■ ■ ■ ■ ■[/font]
[font=Courier New]

[/font]

[font=Tahoma]How is it done. Thanks :D[/font]

[font=Tahoma]Thanks, [/font]
[font=Tahoma]Emdiesse[/font]