Fix #2131: Question Player Progress bar background and margins

[rt4914]

Explanation

Fix #2131: Question Player Progress bar background and margins

Resources

Mobile
Tablet

Notes

• In Mobile-Portrait the external margins is 32dp, which matches with the content-item-external-margins. Therefore from this logic and consistency factor I have kept external margins as 64dp for mobile landscape mode.
• In Tablet-Portrait the external margins is 64dp which is 1/2 of 128dp which again matches with the content-item-external-margins. Applying this same logic I have kept external margins for Tablet-Landscape as 96dp.

Output

I have sharing screenshots focusing on following points:

1. Default view of progress bar
2. Progress bar with hint bulb
3. Progress bar with content behind it - gradient visible

Checklist

• The PR title starts with "Fix #bugnum: ", followed by a short, clear summary of the changes. (If this PR fixes part of an issue, prefix the title with "Fix part of #bugnum: ...".)
• The PR explanation includes the words "Fixes #bugnum: ..." (or "Fixes part of #bugnum" if the PR only partially fixes an issue).
• The PR follows the style guide.
• The PR does not contain any unnecessary auto-generated code from Android Studio.
• The PR is made from a branch that's not called "develop".
• The PR is made from a branch that is up-to-date with "develop".
• The PR's branch is based on "develop" and not on any other branch.
• The PR is assigned to an appropriate reviewer in both the Assignees and the Reviewers sections.

[anandwana001]

LGTM