Bootstrap Example

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<div class="progress" id=prog>
    <span class="progress-value" onclick="showSomething()">Something 50%</span>
    <div id= "x" style="float: right;" onclick="hide(prog)">x</div>
    <div class="progress-bar" style="width: 50%;"> </div>
</div>

CSS

.progress {
    text-align:center;
    width:200px;
    margin:15px auto;
}
.progress-value {
    position:absolute;
    right:0;
    left:0;
}