Add new ui.progressBarMinWidth option

Author: ablanco

CHANGES.md

@@ -4,6 +4,8 @@
 
 - Add Arabic localization.
 - Add Norwegian localization.
+- Add new option ui.progressBarMinWidth to control the minimum width of the
+  progress bar.
 
 ## 3.0.2
 

OPTIONS.md

@@ -258,6 +258,15 @@ Let's see the options of each section.
   Minimum percentage filled in the progress bar that depicts the strength of
   the password. An empty password will show the progress bar filled this much.
 
+* __progressBarMinWidth__:
+
+  Default: `1` (Integer)
+
+  Minimum width in pixels filled in the progress bar that depicts the
+  strength of the password. A terrible but not empty password will show the
+  progress bar filled this many pixels. Makes use of the `min-width` CSS
+  property.
+
 * __progressBarMinPercentage__:
 
   Default: `1` (Integer)

src/options.js

@@ -184,6 +184,7 @@ defaultOptions.ui.colorClasses = [
 ];
 defaultOptions.ui.showProgressBar = true;
 defaultOptions.ui.progressBarEmptyPercentage = 1;
+defaultOptions.ui.progressBarMinWidth = 1;
 defaultOptions.ui.progressBarMinPercentage = 1;
 defaultOptions.ui.progressExtraCssClasses = '';
 defaultOptions.ui.progressBarExtraCssClasses = '';

src/ui.js

@@ -170,6 +170,7 @@ var ui = {};
         } else {
             $bar.addClass("bg-" + options.ui.colorClasses[cssClass]);
         }
+        $bar.css("min-width", options.ui.progressBarMinWidth + 'px');
         $bar.css("width", percentage + '%');
     };