Role Fit should not display '%'

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

@@ -73,19 +73,19 @@
             <div class="applicant-progress">
                 <div class="col-sm-4 col-xs-12 text-center" href="#1a" data-toggle="tab"    id="progress1"  onClick="tabToggle('#tab1')">
                     <label class="progress-label">role fit</label>
-                    <div class="percent-green fixed-width">
+                    <div class="percent-role fixed-width">
                         <p style="display:none;"><oneit:toString value="<%= jobApplication.getRoleFitScore() %>"    mode="TwoDPDouble"  nullValue="0"/></p>
                     </div>
                 </div>
                 <div class="col-sm-4 col-xs-12 text-center" href="#2a" data-toggle="tab"    id="progress2"  onClick="tabToggle('#tab2')">
                     <label class="progress-label">culture fit</label>
-                    <div class="percent-green fixed-width">
+                    <div class="percent-culture fixed-width">
                         <p style="display:none;"><oneit:toString value="<%= jobApplication.getCultureFitScore() %>" mode="PercentageWholeNumber" /></p>
                     </div>
                 </div>
                 <div class="col-sm-4 col-xs-12 text-center" href="#3a" data-toggle="tab"    id="progress3"  onClick="tabToggle('#tab3')">
                     <label class="progress-label">requirements</label>
-                    <div class="percent-blue fixed-width">
+                    <div class="percent-req fixed-width">
                         <p style="display:none;"><oneit:toString value="<%= jobApplication.getRequirementFitScore() %>" mode="PercentageWholeNumber" /></p>
                     </div>
                 </div>

cmsWebApp/webroot/extensions/adminportal/view_application.jsp

@@ -19,7 +19,18 @@
 <script type="text/javascript">
     $(document).ready(function()
     {
-        $('.percent-green').percentageLoader({
+        $('.percent-role').percentageLoader({
+            valElement: 'p',
+            strokeWidth: 20,
+            bgColor: '#e5e8eb',
+            ringColor: '#67b413',
+            textColor: '#67b413',
+            fontSize: '30px',
+            fontWeight: 'normal',
+            showPercent: false
+        });
+        
+        $('.percent-culture').percentageLoader({
             valElement: 'p',
             strokeWidth: 20,
             bgColor: '#e5e8eb',
@@ -29,7 +40,7 @@
             fontWeight: 'normal'
         });
         
-        $('.percent-blue').percentageLoader({
+        $('.percent-req').percentageLoader({
             valElement: 'p',
             strokeWidth: 20,
             bgColor: '#e5e8eb',

cmsWebApp/webroot/scripts/jquery.circleProgressBar.min.js

-!function(a){a.fn.percentageLoader=function(b){this.each(function(){function q(){p.customAttributes.arc=function(a,b,c){var h,d=360/b*a,e=(90-d)*Math.PI/180,f=j+c*Math.cos(e),g=k-c*Math.sin(e);return h=b==a?[["M",j,k-c],["A",c,c,0,1,1,j-.01,k-c]]:[["M",j,k-c],["A",c,c,0,+(d>180),1,f,g]],{path:h}},p.path().attr({arc:[100,100,l],"stroke-width":d.strokeWidth,stroke:d.bgColor}),e&&(m=p.path().attr({arc:[.01,100,l],"stroke-width":d.strokeWidth,stroke:d.ringColor,cursor:"pointer"}),r(e,100,l,m,2)),n=p.text(j,k,e+"%").attr({font:d.fontWeight+" "+d.fontSize+" Arial",fill:d.textColor})}function r(a,b,c,d){f?d.animate({arc:[a,b,c]},900,">"):a&&a!=b?d.animate({arc:[a,b,c]},750,"elastic"):(a=b,d.animate({arc:[a,b,c]},750,"bounce",function(){d.attr({arc:[0,b,c]})}))}var c=a(this),d=a.extend({},a.fn.percentageLoader.defaultConfig,b),e=parseInt(c.children(d.valElement).text()),f=!0,h=parseInt(c.css("width")),i=parseInt(c.css("height")),j=h/2,k=i/2,l=j-d.strokeWidth/2,m=null,n=null,p=Raphael(this,h,i);q()})},a.fn.percentageLoader.defaultConfig={valElement:"p",strokeWidth:20,bgColor:"#d9d9d9",ringColor:"#d53f3f",textColor:"#9a9a9a",fontSize:"12px",fontWeight:"normal"}}(jQuery);
+!function(a){a.fn.percentageLoader=function(b){this.each(function(){function q(){p.customAttributes.arc=function(a,b,c){var h,d=360/b*a,e=(90-d)*Math.PI/180,f=j+c*Math.cos(e),g=k-c*Math.sin(e);return h=b==a?[["M",j,k-c],["A",c,c,0,1,1,j-.01,k-c]]:[["M",j,k-c],["A",c,c,0,+(d>180),1,f,g]],{path:h}},p.path().attr({arc:[100,100,l],"stroke-width":d.strokeWidth,stroke:d.bgColor}),e&&(m=p.path().attr({arc:[.01,100,l],"stroke-width":d.strokeWidth,stroke:d.ringColor,cursor:"pointer"}),r(e,100,l,m,2)),n=p.text(j,k,e+(d.showPercent ? "%" : "")).attr({font:d.fontWeight+" "+d.fontSize+" Arial",fill:d.textColor})}function r(a,b,c,d){f?d.animate({arc:[a,b,c]},900,">"):a&&a!=b?d.animate({arc:[a,b,c]},750,"elastic"):(a=b,d.animate({arc:[a,b,c]},750,"bounce",function(){d.attr({arc:[0,b,c]})}))}var c=a(this),d=a.extend({},a.fn.percentageLoader.defaultConfig,b),e=parseInt(c.children(d.valElement).text()),f=!0,h=parseInt(c.css("width")),i=parseInt(c.css("height")),j=h/2,k=i/2,l=j-d.strokeWidth/2,m=null,n=null,p=Raphael(this,h,i);q()})},a.fn.percentageLoader.defaultConfig={valElement:"p",strokeWidth:20,bgColor:"#d9d9d9",ringColor:"#d53f3f",textColor:"#9a9a9a",fontSize:"12px",fontWeight:"normal",showPercent: true}}(jQuery);
\ No newline at end of file