In this example we are displaying a bar to show the strength of the password password in a visual manner, so it is easier to understand.
With this example, we define the CSS styles the same as as with the first strong password example. The difference is that we now configure the strong password object upon initialization. We did however add a couple of new CSS rules to make working with the strength bar easier.
These styles are used to allow a single transparent image to be used to grow the strength idicator bar, and allow it to change colors. By using a transparent gif and CSS styles, we can minimize the amount of downloads, and also maintain standards compliance.
This code is used to initalize the Strong Password library, and to provide a mechanism for the bar to grow as someone types.