基于CSS宽度百分比属性

Question

我正在尝试根据CSS属性的宽度百分比设置条件语句。这很简单，如果某个类的宽度百分比是某种东西，那么就会发生一些事情。但我的代码不起作用。我很清楚宽度百分比需要在jQuery中计算，这正是我所做的。有人可以帮忙吗？

我的样本：

$("document").ready(function() {
  $.fn.widthPerc = function() {
    return ~~(($('.percent').width() / $('.progress-bar').width()) * 100) + "%";
  }
  function skillLevel() {
    if ($('.percent')..widthPerc() <= "65%") {
      $('.percent').text('Skilled')
    }
    else if ($('.percent').widthPerc() >= "90%") {
      $('.percent').text('Master')
    }
  }
  $('.P-S-skill3').hover(toggleEdge);
});

function toggleEdge() {
  $('.percent').css('width', '65%');
}