Добрый день, есть такой элемент в верстке

Как сделать такой элемент статичным. Но в будущем что бы через стили я мог менять ширину синий полоске. К примеру когда будет 20 мест, что бы я мог поставить 50% ширины и синия полоска заполняла лишь половину Заранее спасибо