 <div class="panel panel-success">
                        
  <div class="panel-heading">Gender <i class="badge"> <?php echo  get_total_applicants(); ?></i></div>
  <div class="panel-body">
  
    <div class="col-md-6">
     
          <span class="btn btn-success"> MALE  <i class="badge"><?php echo get_total_male_applicants();?></i></span> 
		  <span class="btn btn-warning"> FEMALE <i class="badge"> <?php echo get_total_female_applicants();?></i></span>

      
      
      
    </div><!-- col md 6-->
    
     <div class="col-md-6">
      <div class="well">
          	
         <!-- bar for male -->
         <div class="row">
        <span class="pull-left" style="margin-left:14px; font-size:12px"><?php echo 'Male'; ?></span>
        <span class="pull-right"><span class="pull-right" style="font-size:12px">
        <?php echo get_percent($value = get_total_male_applicants(), $total = get_total_applicants()); ?>%</span>
        </div>

        <div class="progress">

            <div class="progress-bar <?php  echo get_color (get_percent(  $value = get_total_male_applicants(), $total = get_total_applicants())  ); ?>" 
                style="width: <?php echo get_percent(  $value = get_total_male_applicants(), $total = get_total_applicants()); ?>%">
            </div>
        
        </div>
        
        
         <!-- bar for female -->
         <div class="row">
        <span class="pull-left" style="margin-left:14px; font-size:12px"><?php echo 'Female'; ?></span>
        <span class="pull-right"><span class="pull-right" style="font-size:12px">
        <?php echo get_percent($value = get_total_female_applicants(), $total = get_total_applicants()); ?>%</span>
        </div>

        <div class="progress">

            <div class="progress-bar <?php  echo get_color (get_percent(  $value = get_total_female_applicants(), $total = get_total_applicants())  ); ?>" 
                style="width: <?php echo get_percent(  $value = get_total_female_applicants(), $total = get_total_applicants()); ?>%">
            </div>
        
        </div>
            
      
    

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

</div>
