How do I add a plus symbol to a JS Counter-up?

Issue

I want to add a plus symbol(+) that will appear after each counter-up results; for example currently I am having 150 as a result of the counter-up but I need the result to be 150+ and this should apply to all my elements

// jQuery counterUp
$('[data-toggle="counter-up"]').counterUp({
  delay: 10,
  time: 1000,
});

.skills .counters h2 {
  margin: 30px 0 0 0;
  font-size: 60px;
  display: block;
  color: #eeaa0b;
}

.skills .counters p {
  padding: 0;
  margin: 0;
  font-size: 18px;
  color: #353535;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<section id="skill" class="skills">
  <div class="container">
    <div class="row counters">

      <div class="col-lg-3 col-6 text-center">
        <h2 data-toggle="counter-up">65</h2>
        <p>Our Staffs</p>
      </div>

      <div class="col-lg-3 col-6 text-center">
        <h2 data-toggle="counter-up">190</h2>
        <p>Our Clients</p>
      </div>

      <div class="col-lg-3 col-6 text-center">
        <h2 data-toggle="counter-up">150</h2>
        <p>Completed Projects</p>
      </div>

      <div class="col-lg-3 col-6 text-center">
        <h2 data-toggle="counter-up">125</h2>
        <p>Running Projects</p>
      </div>
    </div>
  </div>
</section>

Current results

65 190 150 125

Expected Result

65+ 190+ 150+ 125+

Solution

Simple, with a :before (if you want it to be beside it, otherwise :after) pseudo-element, like so:

// jQuery counterUp
$('[data-toggle="counter-up"]').counterUp({
  delay: 10,
  time: 1000,
});

.skills .counters h2 {
  margin: 30px 0 0 0;
  font-size: 60px;
  display: block;
  color: #eeaa0b;
}

.skills .counters p {
  padding: 0;
  margin: 0;
  font-size: 18px;
  color: #353535;
}
/*new code from here*/
[data-toggle="counter-up"]:before {
  content: "+";
  font-size: 60px;
  color: #eeaa0b;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<section id="skill" class="skills">
  <div class="container">
    <div class="row counters">

      <div class="col-lg-3 col-6 text-center">
        <h2 data-toggle="counter-up">65</h2>
        <p>Our Staffs</p>
      </div>

      <div class="col-lg-3 col-6 text-center">
        <h2 data-toggle="counter-up">190</h2>
        <p>Our Clients</p>
      </div>

      <div class="col-lg-3 col-6 text-center">
        <h2 data-toggle="counter-up">150</h2>
        <p>Completed Projects</p>
      </div>

      <div class="col-lg-3 col-6 text-center">
        <h2 data-toggle="counter-up">125</h2>
        <p>Running Projects</p>
      </div>
    </div>
  </div>
</section>

Answered By - iorgv