Progress bar with numbered steps - show steps for queues

Progress bar with numbered steps functionality will be useful beside modal queues:

I’m working on naming this functionality and currently I’m here:

1. Introduce 2 new parameters: progressSteps (array of strings) and currentProgressStep (int), example:

progressSteps: [
  '<i class="fa fa-check" aria-hidden="true"></i>', // nice ✅ symbol
  '2',
  '3'
],
currentProgressStep: 1

2. Introduce 4 new methods:

• swal.getProgressSteps()
• swal.setProgressSteps([])
• swal.showProgressSteps()
• swal.hideProgressSteps()

---

What do you think about this?

[limonte]

why not bundle this with queue / state machine functionality? I can only really see the use cases within those two areas

Not true, here’s the simple example with progress steps and without queue:

swal.setDefaults({progressSteps: ['1', '2']});

swal({
  title: 'Step 1',
  text: 'question 1',
  currentProgressStep: 0
})
.then(function() {
  swal({
    title: 'Step 2',
    text: 'question 2',
    currentProgressStep: 1
  });
});

[limonte]

Done in v4.2.8