S21280521 # Client - Incoming Issues (raised by Client) #Add percentages to bar chart.

cmsWebApp/webroot/css/common.css

@@ -3561,6 +3561,7 @@ span.appli-progress-bar {
 .appli-progress-bar .progress-bar{
     background: #667281;
 }
+.progress-bar .show-precentage {position: absolute;color:#fff;right: 1px; font-size: 9px;font-weight: 500;}
 .green-bar {
     background-color: #67B413 !important;
 }
@@ -4473,11 +4474,16 @@ no-applicant.inactive a:hover,no-applicant.inactive a:hover span{
 }
 .appli-view-bar .progress-bar{
     background: #667281;
+    position: relative;    
+    height: 13px !important;
 }
 .appli-view-bar .progress-bar.green{
     background: #67B413;
 }
 
+.appli-view-bar .progress-bar span{
+    top:-2px;
+}
 
 .appli-view-bar .missing-requirements-icon{
         top:-7px;

cmsWebApp/webroot/extensions/adminportal/inc/view_applicants_list.jsp

@@ -85,7 +85,7 @@
                 <div class="<%= widthClass %> appli-l eq-second-height">
                     <span class="appli-view-bar">
                         <div class="progress">
-                            <div class="completion-progress-bar <%= roleFitVal == 100 ? "green-bar": (roleFitVal >= 50 && roleFitVal  < 100 ? "orange-bar" : "red-bar") %>" role="progressbar" aria-valuenow="<%= roleFit %>" aria-valuemin="0" aria-valuemax="100" 
+                            <div class="progress-bar" role="progressbar" aria-valuenow="<%= roleFit %>" aria-valuemin="0" aria-valuemax="100" 
                                     style="<%= "width: " + roleFit %>">
                                 <span class="show-precentage"><%= roleFit %></span>
                             </div>
@@ -97,7 +97,7 @@
                 <div class="<%= widthClass %> appli-l eq-second-height">
                     <span class="appli-view-bar">
                         <div class="progress">
-                            <div class="completion-progress-bar <%= cultureVal == 100 ? "green-bar": (cultureVal >= 50 && cultureVal  < 100 ? "orange-bar" : "red-bar") %>" role="progressbar" aria-valuenow="<%= culture %>" aria-valuemin="0" aria-valuemax="100" 
+                            <div class="progress-bar" role="progressbar" aria-valuenow="<%= culture %>" aria-valuemin="0" aria-valuemax="100" 
                                     style="<%= "width: " + culture %>">
                                 <span class="show-precentage"><%= culture %></span>
                             </div> 
@@ -113,7 +113,7 @@
                         <div class="<%= widthClass %> appli-l eq-second-height">
                             <span class="appli-view-bar">
                                 <div class="progress">
-                                    <div class="completion-progress-bar <%= criteriaVal == 100 ? "green-bar": (criteriaVal >= 50 && criteriaVal  < 100 ? "orange-bar" : "red-bar") %>" role="progressbar" aria-valuenow="<%= criteria %>" aria-valuemin="0" aria-valuemax="100" 
+                                    <div class="progress-bar <%= (criteriaVal == 100 && !missingReq ? " green" : "")%>" role="progressbar" aria-valuenow="<%= criteria %>" aria-valuemin="0" aria-valuemax="100" 
                                             style="<%= "width: " + criteria %>">
                                          <span class="show-precentage"><%= criteria %></span>
                                     </div>