SDC: Add Progress Bar for Questionnaire

[nsabale7]

IMPORTANT: All PRs must be linked to an issue (except for extremely trivial and straightforward changes).

Fixes #1523

Description
A visual progress bar at the top of the questionnaire.
Implementation:

• Default Questionnaire:
  Updates the progress by listening to the scroll overriding RecyclerView.addOnScrollListener@onScrolled() which helps to get progress and total count using findLastVisibleItemPosition() and getItemCount()

• Paginated Questionnaire:
  Updates the progress by using QuestionnaireViewModel@questionnaireStateFlow.pagination state which provides progress and total count using currentPageIndex and pages.size

Type
Choose one: Feature

Screenshots (if applicable)

Checklist

• I have read and acknowledged the Code of conduct.
• I have read the Contributing page.
• I have signed the Google Individual CLA, or I am covered by my company's Corporate CLA.
• I have discussed my proposed solution with code owners in the linked issue(s) and we have agreed upon the general approach.
• I have run ./gradlew spotlessApply and ./gradlew spotlessCheck to check my code follows the style guide of this project.
• I have run ./gradlew check and ./gradlew connectedCheck to test my changes locally.
• I have built and run the demo app(s) to verify my change fixes the issue and/or does not break the demo app(s).

[nsabale7]

progress-bar-questionnaire.mp4

[joiskash]

Looks good to me! Please add style to the bar, so that it can be customized. Good work!

[joiskash]

Looks good to me! Please wait for a review by the google team.

cc: @Tarun-Bhardwaj

[santosh-pingle]

It looks good to me.

Can you please update short summary about implementation in the description.

Optional : Can you please also add manual test case to test this feature manually
e.g
Steps :

1. Open catalog app
2. Click on layouts bottom navigation menu.
3. Click on default layout
4. Scroll questionnaire form

Expectations :
While scrolling top to bottom, indicator increases progress. etc..

[santosh-pingle]

Thanks!

[shelaghm]

@nsabale7 I forgot to reply earlier, but this looks so great! Nice work!

[jingtang10]

Thanks

[HenryRae]

Great work on the progress bar for paginated forms.

Wondering what @shelaghm you think about the idea of having the paginated form progress bar at the bottom of the page with actions that actually control this form. The assumption behind this is: new users(in tech) maybe can easily relate to it.

[shelaghm]

@HenryRae

• Yes, the progress bar at the bottom makes a lot of sense nested with the navigation buttons, especially for paginated layouts.
• Since this component works on both long scroll layout and paginated layout, we've located it at the top for consistency across the two layout types.

Are you recommending (1) we make the progress bar always anchored at the bottom OR (2) we make this configurable so developers can make their own decision where to place it?

[HenryRae]

@shelaghm understood why it was done that way, well thought out. In that case(to work for both long scroll layouts and paginated layouts), I do agree to keep it at the top.