JSFiddle - React, Tailwind, and code Playground

by foru17

HTML

<div class="progess">
    <div class="bar">
        <p>37%</p>
    </div>
</div>

CSS

.progess {
    background:url("http://luolei.org/wp-content/uploads/2013/10/bar.png") no-repeat;
    background-position:-200px 0;
    width: 200px;
    height: 20px;
    z-index: 1;
}
.bar {
    background:url("http://luolei.org/wp-content/uploads/2013/10/bar.png") 0 0 no-repeat;
    width:37%;
    height: 20px;
    z-index: 2;
    background-position: 0 0;
}