Stepped progress indicator

[krystof-k]

While similar to #21, stepped progress shows progress in an exact number of steps.

It should exist in two variants, plain and fancy, when plain has dynamic width and looks like this (Figma) and fancy is full-width and colorful and looks like this (Figma).

You can also check the current implementation in Vue here and here.

Both variants could however have the same interface therefore it can be one component, something like:

{
  "currentStep": 3,
  "stepCount": 4",
  "stepsStatus": [
    true, // positive step (e.g. completed)
    null, // neutral step (e.g. visited/skipped)
    false, // negative step (e.g. failed)
    undefined, // step with no status (e.g. not yet visited)
  ]
}