Как сделать индикаторы полоской?

<div id="MainCarousel" class="carousel fade" data-ride="carousel">

	<ol class="carousel-indicators">
		<li data-target="#MainCarousel" data-slide-to="0" ></li>
		<li data-target="#MainCarousel" data-slide-to="1" class="active"></li>
		<li data-target="#MainCarousel" data-slide-to="2"></li>
	</ol>


	<div class="carousel-inner">
		<div class="item ">
	<img src="img/slider1.jpg" alt="...">
		</div>
		<div class="item active">
	<img src="img/slider1.jpg" alt="...">
		</div>
	</div>

	<a class="left carousel-control" href="#MainCarousel" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left"></span>
	</a>
	<a class="right carousel-control" href="#MainCarousel" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</a>
</div>