Create a Powerapp Survey based on SharePoint

Progress bar

In the previous demo, Peter Kalmström, CEO and Systems Designer of kalmstrom.com Business Solutions, showed how to add a slider to the Power Apps user interface of the survey.

Here, Peter continues the powerapp survey series with a demonstration on how to add a progress bar that shows how many questions have been answered and how many remain.

Peter makes the progress bar 330 pixels wide, and as he has 22 questions in his survey, each question step should be equivalent to 330/22 = 15 pixels. He uses the variable CurrentQuestionNumber to count the numbers. The variable was set in an earlier demo in this serie.

Steps

In Power Apps Studio, insert a rectangle between the two arrows.
Shape and color the rectangle.
Copy the rectangle.
Place the copy above the first rectangle and give the copy another color.
Set the Widht property of the copied rectable to the formula CurrentQuestionNumber*15.