meter {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 10px 1%;
  width: 98%;
  height: 20px;
  border-radius: 8px;
  overflow: hidden;
  background: none;
  background-color: rgba(0,0,0,0.05);
}

.meter-block + ul li {
  font-size: 0.8rem;
}

meter + #strength-text .feedback {
  color: #9ab;
  font-size: 0.8rem;
  padding: 0;
  margin: 2px 0;
}

meter + #strength-text {
  font-size: 1rem;
  line-height: 1.2rem;
  padding: 5px 15px;
}

meter::-webkit-meter-bar {
  background: none;
  background-color: rgba(0,0,0,0.05);
}

meter[value="1"]::-webkit-meter-optimum-value {
  background: red;
}

meter[value="2"]::-webkit-meter-optimum-value {
  background: yellow;
}

meter[value="3"]::-webkit-meter-optimum-value {
  background: orange;
}

meter[value="4"]::-webkit-meter-optimum-value {
  background: green;
}

meter[value="1"]::-moz-meter-bar {
  background: red;
}

meter[value="2"]::-moz-meter-bar {
  background: yellow;
}

meter[value="3"]::-moz-meter-bar {
  background: orange;
}

meter[value="4"]::-moz-meter-bar {
  background: green;
}