[B P]

Hello,

I like in the resume section you have the skills and the progress bar. Is there a way to manually over ride the number in the progress bar bubble?

I would like to have the bar around 90%, but say “17 years” instead of 90.
I can update the information now, just changing the CSS I am not sure of.

What file(s) should I look in to make this change?

Thank you!

[serkan]

Hi, this is not available by default, needs more further customizations, if you are not familiar to coding you may consider hiring an expert at wpkraken.io to do the job for you.

[B P]

It took a while, but I have figured it out if anyone wants to globally change the skills percentage progress bars.

In your main.js file in the js folder in your empathy folder. LINE 594

// FILL PROGRESS BARS
function fillBars() {
$(‘.bar’).each(function() {
var bar = $(this);
var percent = bar.attr(‘data-percent’);
var percent2 = bar.attr(‘data-percent’)*3;
bar.find(‘.progress’).css(‘width’, percent2 + ‘%’ ).html(‘<span>’+percent+’yrs</span>’);

I added the yrs to the last line so that it now say 18yrs in the bubble, not the percentage.
I have also added another variable to increase the length of the progress bar since the number of years is probably much less than the percentage you change in your resume page. I think this is much more impactful than just putting some weird percentage. Good luck!

[serkan]

Thanks for the feedback.