Dans le panneau de gauche, cliquez sur l'icône "+" et sélectionnez "Div Block". Placez ce "Div Block" tout en haut sur votre page.

Dans le panneau de droite, allez à la section "Style". Réglez la "Width" (largeur) à 100% pour que la barre de progression occupe toute la largeur de l'écran. Définissez la "Height" (hauteur) selon votre préférence, par exemple 5px pour ce tuto.

Toujours dans la section "Style", trouvez l'option "Background". Choisissez une couleur ou une image pour l'arrière-plan de votre barre de progression.

Allez dans le panneau des "Interactions" à droite. Cliquez sur "+" a droite de "Page trigger" et sélectionnez "While page is scrolling"

Dans le menu "On scroll", choisissez "Play scroll animation". Cliquez sur le bouton "+" pour créer une nouvelle animation, et nommez-la (par exemple, "Progress bar")

Dans le menu "On scroll",  cliquez sur le bouton "+" pour créer une nouvelle animation, et nommez-la (par exemple, "Progress bar")

Cliquez sur le "Div" que vous avez conçu initialement. Pour vérifier que vous avez sélectionné le bon élément, regardez en haut à gauche de l'écran. Le nom de l'élément sélectionné doit y apparaître.
Cliquez sur "+" pour ajouter une nouvelle interaction, puis choisissez "Size"

Dans la timeline de l'animation, ajoutez une première étape en cliquant sur le premier élément au début de la timeline. Réglez la "Width" (largeur) de la "Div" à 0%. Cela signifie que lorsque la page commence à défiler, la largeur du "Div" sera de 0%

Dans la timeline de l'animation, ajoutez une deuxième étape en cliquant sur l'icône "+" à la fin de la timeline. Réglez la "Width" (largeur) du "Div" à 100%. Cela signifie que lorsque la page est complètement défilée, la largeur du "Div" sera de 100%