Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Overview

  • Using the Progress Bar you can display displays the progress of an operation, such as a file download or upload

  • Generally, Progress Bar displays horizontally from left to right indicating the progress of an operation.

...

  • Progress Bars are available in four sizes i.e. x-small, small, medium , & large

...

Variant

  • Variants display the Progress Bar with different colors to convey different meanings, progress

  • Progress bar comes in five variants:

...

  • The percentage value of the Progress Bar, value is an indication of progress

  • e.g. the Progress Bar denotes completion when the value is 100

Show

...

Percentage

  • To indicate the progress of an operation in terms of percentage

...

Show

...

Rounded

  • It adds a border radius to the Progress Bar to give it a rounded look

...

Show

...

Vertical

  • Displays a vertical Progress Bar from top to bottom to indicate the progress of an operation.

...