countdown timer

[ht1080z]

Hi, i cannot success to set the progressbar to work as countdown timer. I'd like to set up a countdown timer that start from the end (100) and the line shrink to 0 in 15sec.

 var $basic = $('#progressTimer');
 var basicBar = $basic.find('.number-pb').NumberProgressBar({
  duration: 15000,
  style: 'basic',
  min: 1,
  max: 100,
  current: 100
});

var basicLoop = function() {
  basicBar.reach(undefined, {
    duration: 15000
  });
}

basicLoop();

and if its an easiest way to trigger the function, not in 3 separated function like above.
Thank you in advance!

[kalasoo]

Sry for my late reply. I will check it tonight.

[kalasoo]

The latest commit added the reverse operation and you can use count down the progress.

[ht1080z]

Hi, thank you for the modification! i updated the number-pb.js script and change the parameters to:

duration: 15000,
style: 'basic',
min: 0,
max: 100,
current: 0,
reverse: true

and played with the min-max-current parameters without result. Please advise. (maybe a working example?)

[kalasoo]

Hi, to make a progress bar work
First, create a NumberProgressBar object on the dom:

var bar = $('.number-pb').NumberProgressBar({
  style: 'basic',
  min: 0,
  max: 100,
  reverse: true,
  ...
});

Second, to make the progress bar reach a progress point var point = 50 and invoke callback function after the progress animation is done:

bar.reach(point, callback);

[ht1080z]

Hello, thanks for the really quick responses!
The countdown ProgressBar i want to achieve is start with a full graphical bar (100) and the line reduce to 0 with the countdown. In your demo page the basic bar is also works like this (backward) after going up first.
Can you help me to do this somehow?

[kalasoo]

aha, I see your point. Let me check how to make it happen.

[ht1080z]

is there any chance you to have a look on the countdown progressbar? 🎱

[kalasoo]

@ht1080z Hi, sorry for my late reply. I am working on a new project recently, so I missed many messages on github. I'll fix this today!

[ht1080z]

Thank you @kalasoo if you find free time on my request.