<div class="progress custom-progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
        <div class="skills-info">طراحی گرافیک <span>80%</span></div>
    </div>
</div>

<div class="progress custom-progress dark-progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
        <div class="skills-info">طراحی گرافیک <span>80%</span></div>
    </div>
</div>

<div class="progress custom-progress progress-light-txt">
    <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
        <div class="skills-info">طراحی گرافیک <span>80%</span></div>
    </div>
</div>

<div class="progress custom-progress-inside dark-progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
        <div class="skills-info">طراحی گرافیک <span>80%</span></div>
    </div>
</div>

<div class="progress custom-progress-inside">
    <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
        <div class="skills-info">طراحی گرافیک <span>80%</span></div>
    </div>
</div>