anchor.diff:  													.glyphicon.glyphicon-ok-circle(style='color: green;')
   												.col-sm-5
   													div.progress
  -														div.progress-bar(style="width: {{std.percentage}}%")
  +														div.progress-bar(ng-class="{amberBack: (std.percentage >= 25 && std.percentage <= 50), greenBack: (std.percentage >= 75 && std.percentage <= 100), redBack: (std.percentage >= 0 && std.percentage <= 25), yellowBack: (std.percentage >= 50 && std.percentage <= 75)}" style="width: {{std.percentage}}%")
   
   
   
  
positive.code: 
  									.row(ng-hide="isViewActive")
  										.col-lg-12.col-sm-12.col-xs-12
  											.row(ng-repeat="std in students | orderBy:predicate:reverse | filter:gradeRange" style="margin:0px; padding:0px;")
  												.col-sm-1
  													center
  														img.img-responsive(src='/img/icons/face-samir.png', style='width: 25px;')
  												.col-sm-1
  													center
  														strong {{std.name}}
  
negative.code: 												.col-sm-1
  													center
  														em
  															span.badge(ng-class="{amberBack: (std.percentage >= 25 && std.percentage <= 50), greenBack: (std.percentage >= 75 && std.percentage <= 100), redBack: (std.percentage >= 0 && std.percentage <= 25), yellowBack: (std.percentage >= 50 && std.percentage <= 75)}") {{std.percentage}} %
  												.col-sm-2
  													.glyphicon.glyphicon-remove-circle(style='color: red;')  
  													.glyphicon.glyphicon-remove-circle(style='color: red;')  
  