#loading_connect {
    height: 80px;
    position: absolute;
    width: 400px;
    z-index: 1000;
    bottom: 0;
    right: 0;
}

    #loading_connect .cmsg {
        margin: 1em;
    }

    #loading_connect .msg {
        font-weight: bold;
        text-align: left;
        padding-left: 25px;
    }

    #loading_connect .lpb {
        border: 1px solid #999;
        height: 8px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3px;
        padding: 1px;
        text-align: center;
        width: 320px;
    }

    #loading_connect #lpt {
        background-color: #6188f5;
        background-image: -webkit-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,0.12) 33%,rgba(0,0,0,0.12) 66%,transparent 66%,transparent);
        background-image: -moz-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,0.12) 33%,rgba(0,0,0,0.12) 66%,transparent 66%,transparent);
        background-image: -o-linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,0.12) 33%,rgba(0,0,0,0.12) 66%,transparent 66%,transparent);
        background-image: linear-gradient(315deg,transparent,transparent 33%,rgba(0,0,0,0.12) 33%,rgba(0,0,0,0.12) 66%,transparent 66%,transparent);
        -webkit-animation: pb 0.8s linear 0 infinite;
        background-position: 0 0;
        background-repeat: repeat-x;
        background-size: 16px 8px;
        height: 100%;
        width: 0;
    }

@-webkit-keyframes pb {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -16px 0;
    }
}