.pass-strength {
    display: flex;
    align-items: center;
    margin-top: 3px;
}

.strength-label {
    font-size: 12px;
    margin-left: 10px;
}

.strength-percent {
    flex: 1;
    height: 5px;
    border-radius: 10px;
    display: block;
    background: #eee;
}

.strength-percent span {
    display: block;
    height: 100%;
    transition: all .4s;
    border-radius: 10px;
}

.weak {
    background: red;
    width: 33%;
}

.average {
    background: #ffd000;
    width: 66%;
}

.strong {
    background: green;
    width: 100%;
}