Progress bars

40% kész
60% kész
80% kész
html
<div class="progress">
    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" aria-valuetext="40% kész" style="width: 40%">
        <span class="sr-only">40% kész</span>
    </div>
</div>
<div class="progress">
    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" aria-valuetext="60% kész" style="width: 60%">
        <span class="sr-only">60% kész</span>
    </div>
</div>
<div class="progress">
    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" aria-valuetext="80% kész" style="width: 80%">
        <span class="sr-only">80% kész</span>
    </div>
</div>
css
.progress-bar-success {
	background-color: #91b74f;
}
.progress-bar-warning {
	background-color: #ffcc00;
}
.progress-bar-danger {
	background-color: #c20029;
}
.progress {
	height: 2px;
	width: 100%;
}