JQuery медленно добавить промежуток

Я делаю онлайн-портфель и имею раздел навыков. В этом разделе навыков я хотел бы медленно добавить некоторые косые черты, чтобы изобразить уровень навыков. Я попытался несколько вариантов функции jquery, но я не могу заставить что-то правильно подойти. Я хотел бы написать функцию, которая принимает уровень навыка как параметр и применима к разным классам.

Вот код для первого навыка:

<div class="skillDiv">{<span id="hskill" class="mOrange"></span>}<br /></div>

То, что я хотел бы сделать, - это медленно добавлять косые черты в часть span, но я хотел бы иметь возможность использовать одну и ту же функцию на других участках разных классов. Что-то вроде:

function slasher(level){
    var element = $(this).attr(id)
    for (i=0; i<level; i++){
        element.append('/').show('slow')
    }
}

У меня был определенный идентификатор на пролете, но это не помогло с функцией jquery. Любая помощь будет принята с благодарностью.