How to Change the ProgressBar to a Horizontal Progress Bar

By default, the progress bar is a spinning wheel (an indeterminate indicator).
To change to a horizontal progress bar, apply one of the styles below.

2. Add the below style between the ProgressBar tags. This will give the bar a thick line, with grey background and orange progress meter.


3. Compile and run!

4. To have a thin progress bar, use this style below instead.