#jQueryProgressFormBar {margin: 0 auto 15px; max-width: 330px;}

#jQueryProgressFormBar > div{
    display: block;
    background: rgb(0,222,129);
    background: linear-gradient(0deg, rgba(0,222,129,1) 0%, rgba(2,188,204,1) 100%);
    width: 0;
    border-radius: 3px;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    
    
}
#jQueryProgressFormBar > div.warn{
    background: rgb(255,176,21);
    background: linear-gradient(0deg, rgba(255,176,21,1) 0%, rgba(218,126,0,1) 100%);
}
#jQueryProgressFormBar > div.error{
    background: rgb(255,1,134);
background: linear-gradient(0deg, rgba(255,1,134,1) 0%, rgba(154,5,6,1) 100%);
}

@media only screen and (max-width:768px) {
    #jQueryProgressFormBar {
        position: fixed!important;
        bottom: 0!important;
        top: auto!important;
        margin-bottom: 0!important;
        max-width: 100%!important;
    }   
    #jQueryProgressFormBar > div {border-radius: 0px;}
}