Progress Bar text colors

HTML

<script src="https://fonts.googleapis.com/css?family=Open+Sans"></script>
<div class="progress-bar">
    <div class="progress-fill">
        <div class="progress-fill-text">37 Units</div>
    </div>
    37 Units
</div>

CSS

.progress-bar {
    background:#ccc;
    color: #7d7d7d;
    padding:10px 0;
    width:100%;
    text-align:center;
    position:relative;
    font-size: 40px;
    font-family: 'Open Sans', sans-serif;
}

.progress-fill {
    background:#0095dd;
    color:#fff;
    width:47%;
    padding:10px 0;
    position:absolute;
    left:0;
    top:0;
    overflow:hidden;
}

.progress-fill-text {
}

JavaScript

function barWidth() {
    var barWidth = $('.progress-bar').width();
    $('.progress-fill-text').css('width',barWidth);
}
barWidth();
window.onresize = function() {
    barWidth();
}