<div class='parent'>
<div class='child'></div>
<div class='child'></div>
<div class='child'></div>
<div class='child active'></div>
<div class='child'></div>
<div class='child'></div>
</div>
на jQuery или JavaScript
var countBeforeActive = $('.child').index($('.active'));
console.log(countBeforeActive);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='parent'>
<div class='child'></div>
<div class='child'></div>
<div class='child'></div>
<div class='child active'></div>
<div class='child'></div>
<div class='child'></div>
</div>
index() - возвращает индекс заданного элемента в наборе.
Т.к. нумерация начинается с нуля, то индекс активного вернет, по сути, количество элементов ДО.