.progressbar {
    /* only for better layout :)  */
    background-color: white;
    border: solid 1px black;
    width: 100px;
    height: 10px;
    font-family: arial;
    font-size: 10px;
}

.progressbar .completed {
    /* mandatory */
    width: 0%;
    height: 100%;
    z-index: 1;
    float: left;

    /* only for better layout :)  */
    background-color: navy;
}

.label {
    /* mandatory */
    width: 100%;
    height: 100%;
    z-index: 2;
    float: left;

    /* only for better layout :)  */
    text-align: center;
    vertical-align: middle;
    color: yellow;
}