jq-ui progress bar

HTML

<div id="progressbar"></div>

CSS

.ui-widget-content {
    height: 10px;
border: 1px solid #DDD;
background: #000;
color: #333;
}
.ui-progressbar .ui-progressbar-value {
   background: blue;
margin: -1px;
height: 100%;
}

JavaScript

$(function() {
        $( "#progressbar" ).progressbar({
            value: 50
        });
    });