[makamo66]

I want to set the data-max of my progress bar to zero but doing this causes the progress bar to count 'til infinity (100 divided by zero). How can I set my progress bar to zero?

Here is my HTML:

<progress class="progressbar" value="0" max="100" data-max="1"></progress>

I link to jquery and modernizr.

Here is my javascript:

    $(document).ready(function() {

      $('.progressbar').each(function() {
        var progressbar = $(this),
          progressbarValue = progressbar.next(),
          value = progressbar.data('min') || 0,
          max = progressbar.data('max'),
		 time = (100 / max) * 5,
          value = progressbar.val(),
          animate = setInterval(loading, time);

        function loading() {
          value += 1;
          progressbar.val(value);
          progressbarValue.html(value + '%');
          if (value == max) {
            clearInterval(animate);
          }
        };
      })
    });

[ArtificialSoldier]

If by "set the progress bar to 0" you mean don't show any progress, you just set the value to 0.

progressbar.val(0);

[makamo66]

That does work but the problem is that I have several progress bars and I don't want to set all of them to zero. If I change the javascript then all of the progress bars have to be zero.

[ArtificialSoldier]

OK, well, I'm not sure what your goal is here but hopefully you can figure it out. Maybe use another data attribute to differentiate when to set something to zero and when not to, and add conditionals in your code to check for that.