- .strength-container{position:relative}.strength-container .strength-input{width:100%;padding-right:20px}.strength-container .strength-meter{position:absolute;top:15%;right:6px;width:4px;height:70%;overflow:hidden;background-color:#ccc;border-radius:1px}.strength-container .strength-score{position:absolute;bottom:0;width:100%;height:0;color:transparent;transition:width .6s ease 0s}.strength-container .show-password-wrap{position:absolute}.strength-container .strength-invalid.strength-score{height:25%;background-color:#ff4c52}.strength-container .strength-weak.strength-score{height:50%;background-color:#eb6709}.strength-container .strength-good.strength-score{height:75%;background-color:#0bb2d4}.strength-container .strength-strong.strength-score{height:100%;background-color:#11c26d}
|
