Here's a somewhat hacky way of doing it, as I had to do this as well for my site.
Updated Fiddle: http://jsfiddle.net/qXgCg/2/
//Javascript
var slider = $(".carousel-inner")
.carousel({ interval: 5000 })
.bind('slid', function() {
var index = $(this).find(".active").index();
$(this).find("a").removeClass('pager-active').eq(index).addClass('pager-active');
});
$(".slider-pager a").click(function(e){
var index = $(this).index();
slider.carousel(index);
e.preventDefault();
});
/* css */
.slider-pager { margin-top: 10px; }
.slider-pager a { display: block; height: 10px; width: 10px; float: left; margin-right: 10px; border-radius: 50%; background: #41af96; font-size: 1px; color: #fff; text-indent: -9999px; }
.slider-pager a.pager-active { background: #2c8571; }
<!--html --->
<div class="slider-pager">
<a href="#main-slider" class="pager-active">0</a>
<a href="#main-slider">1</a>
<a href="#main-slider">2</a>
</div>