<div class="panel panel-success panel-colorful">
    <div class="pad-all media">
        <div class="media-left">
            <i class="demo-pli-male icon-3x icon-fw"></i>
        </div>
        <div class="media-body">
            <p class="h3 text-light mar-no media-heading">{{ clients_new_today }}</p>
            <span>Новых {{clients_new_today_text }} за сегодня</span>
        </div>
    </div>
    <div class="progress progress-xs progress-success mar-no">
        <div role="progressbar" aria-valuenow="{{ clients_proc }}" aria-valuemin="0" aria-valuemax="100" class="progress-bar progress-bar-light" style="width: {{ clients_proc }}%"></div>
    </div>
    <div class="pad-all text-sm">
        <span class="text-semibold">{{ clients_new }}</span> новых клиентов в текущем месяце, всего {{ clients_count }}
    </div>
</div>