alert

by aljordan82

HTML

<div class='alerts'>
    <div class="title">Header</div>
    <div class="content">

        <div class="row">
            <div class="bar-container">
                 <span class="from-value">1</span>
                <span class="bar color1">bar goes here</span>
                <span class="to-value">2</span>
            </div>
        </div>
        <div class="row">
            <div class="bar-container">
                 <span class="from-value">2</span>
                <span class="bar color2">bar goes here</span>
                <span class="to-value">3</span>
            </div>
        </div>
        
    </div>
</div>

CSS

.alerts { 
    width: 350px;
   position: relative;
}
.title {background:#ccc;}
.row {  position: relative;}

.bar-container { position: relative;left: 50px;}


.color1 { background: green;}
.color2 { background: red; }