Progress Bars

  1. UI Elements
  2. Components
  3. Progress Bars

Basic Progress Bars

70% Complete
60% Complete (success)
20% Complete
60% Complete (warning)
80% Complete
50% Complete

Progress Bars with Text

70%
60%
20%
60%
80%
50% 



70%








60%








20%








60%








80%








50%

Striped Progress Bars

70% Complete
60% Complete (success)
20% Complete
60% Complete (warning)
80% Complete
50% Complete 



70% Complete








60% Complete (success)








20% Complete








60% Complete (warning)








80% Complete








50% Complete

Progress Bars x-small

70% Complete
60% Complete (success)
20% Complete
60% Complete (warning)
80% Complete
50% Complete

Progress Bars small

70% Complete
60% Complete (success)
20% Complete
60% Complete (warning)
80% Complete
50% Complete

Progress Bars large

70% Complete
60% Complete
20% Complete
60% Complete
80% Complete
50% Complete

Progress Bars compare size

70% Complete
60% Complete (success)
20% Complete
60% Complete (warning) 



70% Complete








60% Complete (success)








20% Complete








60% Complete (warning)

© 2018 Combay, Inc. All rights reserved.

Navigation

Social Media