.containerBar {
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    height: 30px;    
}

.maxValue {
    position: relative;    
    height: 100%;
    width: 100%;    
    border-radius: 5px;
    background-color: #555;    
    overflow: hidden;
}

.currentValue {
    position: absolute;
    left: 0px;
    z-index: 1;    
    height: 100%;
    border-radius: 5px;
    background-color: #99cc00;
}

/* Sub value bar animation on change. You need to include ngAnimate module for this */
.currentValue {
    -webkit-transition:all ease-out 0.8s;
    transition:all ease-out 0.8s;
}

.infoText {    
    font-weight: bold;
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;        
    z-index: 2;
    padding-top: 5px;
    text-shadow: 1px 1px #444;
}