 <div class="panel panel-success">
                        
  <div class="panel-heading">Levels <i class="badge"> <?php echo  get_total_students(); ?></i></div>
  <div class="panel-body">
  
    <div class="col-md-6">
     
          <span class="btn btn-default"> 100  <i class="badge"><?php echo get_total_students_per_level($l='I');?></i></span> 
		  <span class="btn btn-warning"> 200 <i class="badge"> <?php echo get_total_students_per_level($l='II');?></i></span>
		  <span class="btn btn-warning"> 200 <i class="badge"> <?php echo get_total_students_per_level($l='III');?></i></span>
          <span class="btn btn-danger"> SPILL OVER <i class="badge"> not functional</i></span>
         
      
      
      
    </div><!-- col md 6-->
    
     <div class="col-md-6">
      <div class="well">
          	
         <!-- bar for 100L -->
         <div class="row">
        <span class="pull-left" style="margin-left:14px; font-size:12px"><?php echo '100L'; ?></span>
        <span class="pull-right"><span class="pull-right" style="font-size:12px">
        <?php echo get_percent($value = get_total_students_per_level($l='I'), $total = get_total_students()); ?>%</span>
        </div>

        <div class="progress">

            <div class="progress-bar <?php  echo get_color (get_percent(  $value = get_total_students_per_level($l='I'), $total = get_total_students())  ); ?>" 
                style="width: <?php echo get_percent(  $value = get_total_students_per_level($l='I'), $total = get_total_students()); ?>%">
            </div>
        
        </div>
        
        
        
        <!-- bar for 200L -->
         <div class="row">
        <span class="pull-left" style="margin-left:14px; font-size:12px"><?php echo '200L'; ?></span>
        <span class="pull-right"><span class="pull-right" style="font-size:12px">
        <?php echo get_percent($value = get_total_students_per_level($l='II'), $total = get_total_students()); ?>%</span>
        </div>

        <div class="progress">

            <div class="progress-bar <?php  echo get_color (get_percent(  $value = get_total_students_per_level($l='II'), $total = get_total_students())  ); ?>" 
                style="width: <?php echo get_percent(  $value = get_total_students_per_level($l='II'), $total = get_total_students()); ?>%">
            </div>
        
        </div>
        
         <!-- bar for 300L -->
         <div class="row">
        <span class="pull-left" style="margin-left:14px; font-size:12px"><?php echo '300L'; ?></span>
        <span class="pull-right"><span class="pull-right" style="font-size:12px">
        <?php echo get_percent($value = get_total_students_per_level($l='III'), $total = get_total_students()); ?>%</span>
        </div>

        <div class="progress">

            <div class="progress-bar <?php  echo get_color (get_percent(  $value = get_total_students_per_level($l='III'), $total = get_total_students())  ); ?>" 
                style="width: <?php echo get_percent(  $value = get_total_students_per_level($l='III'), $total = get_total_students()); ?>%">
            </div>
        
        </div>
        
        
        
         <!-- bar for SPILLING -->
         <div class="row">
        <span class="pull-left" style="margin-left:14px; font-size:12px">SPILL OVER <?php echo 'Not functional yet'; ?></span>
        <span class="pull-right"><span class="pull-right" style="font-size:12px">
        <?php echo get_percent($value = get_total_students_per_level($l='IV'), $total = get_total_students()); ?>%</span>
        </div>

        <div class="progress">

            <div class="progress-bar <?php  echo get_color (get_percent(  $value = get_total_students_per_level($l='IV'), $total = get_total_students())  ); ?>" 
                style="width: <?php echo get_percent(  $value = get_total_students_per_level($l='IV'), $total = get_total_students()); ?>%">
            </div>
        
        </div>
        
     
            
      
    

      
      </div><!-- /well -->
    </div><!-- col md 6-->
  
  </div><!-- /panel body -->

</div>
