#resultPass {
    font-size: 13px;
    font-weight: 500;
    display: block;
    width: 100%;
    position: relative;
    top: 6px;
    padding-top: 4px;
}
#resultPass::before {
    content: "";
    position: absolute;
    top: 0;
    height: 2px;
}
#resultPass.short {
    color:#FF0000;
}
#resultPass.short::before {
    background-color: #FF0000;
    width: 15%;
}
#resultPass.weak {
    color:orange;
}
#resultPass.weak::before {
    background-color: orange;
    width: 35%;
}
#resultPass.good {
    color:#2D98F3;
}
#resultPass.good::before {
    background-color: #2D98F3;
    width: 70%;
}
#resultPass.strong {
    color: limegreen;
}
#resultPass.strong::before {
    background-color: limegreen;
    width: 100%;
}