<div id="meter"> <meter max="4" id="password-strength-meter"></meter> <p id="password-strength-text"></p> </div> <style> #password-strength-meter[value="1"]::-webkit-meter-optimum-value, #password-strength-meter[value="1"]::-moz-meter-bar { background: #ff4500; } #password-strength-meter[value="2"]::-webkit-meter-optimum-value, #password-strength-meter[value="2"]::-moz-meter-bar { background: #ffa500; } #password-strength-meter[value="3"]::-webkit-meter-optimum-value, #password-strength-meter[value="3"]::-moz-meter-bar { background: #9acd32; } #password-strength-meter[value="4"]::-webkit-meter-optimum-value, #password-strength-meter[value="4"]::-moz-meter-bar { background: #008000; } </style> <script> var passwdStrengthConfig = { strength: { 0: "Trop facile", 1: "Encore facile", 2: "Faible", 3: "Bon", 4: "Fort" }, displayText: true, text: "Le mot de passe est %s" }; </script>