Getting an zero index and count for an entry list

Question

I currently have an entries field which outputs a list of related entries on page. I'm trying to find a way to display two values for these entries.

The first would be a zero index. I'm trying to assign each entry to link up with a slider. Long story short, each of the 4 assigned entries would be listed as such

0 Entry One

1 Entry Two

2 Entry Three

3 Entry Four

The second would be to display a simple count of sorts before each entry. This would be displayed as

1. Entry One
2. Entry Two
3. Entry Three
4. Entry Four

I'm sure this must be possible but I'm unsure about the zero based index format. If anyone could help, I'd really appreciate it.

My code is currently set up as such

{% for project in sliderWork %}
   <div class="progress__wrap">
   <span data-slick-index="This is where the zero based index would be displayed" class="progressBar"></span>
     <p><i class="number">This is where the simple numbering would be displayed</i>{{project.title}</p>
   </div>
 {% endfor %}

Answer 1

There's an easier way... Twig has a built-in variable in for-loops called loop, which has loop.index and loop.index0 properties which output exactly what you're looking for:

https://twig.symfony.com/doc/3.x/tags/for.html#the-loop-variable

{% for project in sliderWork %}
   <div class="progress__wrap">
   <span data-slick-index="{{ loop.index0 }}" class="progressBar"></span>
     <p><i class="number">{{ loop.index }}</i>{{project.title}</p>
   </div>
 {% endfor %}

Answer 2

I have managed to figure it out. I will use the following and it seems to work fine

{% set indexCounter = ( counter | default(0) ) %}

{% set counter = ( counter | default(0) ) + 1 %}

Hope this can be of help to someone.