barra progresso horizontal

<style type="text/css">


#outer {
    width: 30px;
    height: 140px;
    border: 2px solid #ccc;
    overflow: hidden;

    position: relative;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#inner, #inner div {
    width: 100%;
    overflow: hidden;
    left: -2px;
    position: absolute;
}

#inner {
    border: 2px solid #999;
    border-top-width: 0;
    background-color: #999;

    bottom: 0;
    height: 0%;
}

#inner div {
    border: 2px solid orange;
    border-bottom-width: 0;
    background-color: orange;

    top: 0;
    width: 100%;
    height: 5px;
}


</style>



<div id="outer">
    <div id="inner" style="height:80%">
        <div></div>
    </div>
</div>