Table Layout - Bootstrap Progress Bar

Table Layout - Bootstrap Progress Bar

I am trying to get the following effect:
Essentially what I have done is make a div with
display: table;
and then populated it with divs containing Font Awesome icons with
display: table-cell;
JS Fiddle: http://jsfiddle.net/abehnaz/wCHbc/1/
My problem right now is that I can't figure out how to get the line to go
from the center of one table-cell to the center of the other table cell.
Can anyone point me in the right direction?