<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container" style="margin-top:50px">
<div class="well">
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/75x75">
</a>
<div class="media-body">
<div class="col-md-10">
<h4 class="media-heading">YIFY</h4>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
<span class="">Active</span>
</div>
</div>
<ul class="list-inline list-unstyled">
<li><span><i class="glyphicon glyphicon-transfer"></i> 340Kb/s </span></li>
<li>|</li>
<span><i class="glyphicon glyphicon-file"></i> Movies</span>
</ul>
</div>
<div class="col-md-2">
<div class="icons-options">
<a href="">
<i class="glyphicon glyphicon-info-sign"></i>
</a>
<a href="">
<i class="glyphicon glyphicon-ok-sign"></i>
</a>
<a href="">
<i class="glyphicon glyphicon-trash"></i>
</a>
</div>