jQuery addClass example

Change class name on click in jQuery

by Dmitri Ganenco

HTML

<table>
  <tr>
    <td>
      <span class="header-text">
				<div class="progress-bar progress-bar-success progress-bar-striped active progressbartextcolor" id="below50percent" role="progressbar" aria-valuenow="25" aria-valuemin="0" v-bind:style="{width:customerLoan.progress + '%'}" aria-valuemax="100">
					0%
				</div>
			</span>
    </td>
  </tr>
</table>

JavaScript

$(document).ready(function() {
  var bars = 5;
  for (i = 0; i < bars.length; i++) {
    console.log(i);
    var progress = $(bars[i]).attr('55');

    $(bars[i]).width(progress + '%');
    if (progress <= "50") {
      $(bars[i]).addClass("progress-bar-danger");
    }
  }
});