New Bat

by Adam Nekola

HTML

<div class="meter">
    <div class="color">$60</div>
</div>
<div class="goal">Goal: $200</div>

CSS

.meter {
    border:1px solid #888;
    border-radius:10px;
    height: 40px;
    margin: 60px 30px 0;
    overflow:hidden;
}
.color {
    width: 30%;
    background:#0a0;
    height:40px;
    text-align:right;
    box-sizing:border-box;
    padding:14px;
    font-family:sans-serif;
    font-size:13px;
    font-weight:100;
    color:white;
    line-height:1;
}
.goal{
    margin:5px 30px;
    text-align:right;
    color: #aaa;
    font-family:sans-serif;
    font-size:13px;
    font-weight:100;
}