bobbyomari
commented
1 year ago We've added light and dark theme styles for progress bars - we will not be using "flat" style progress bars and instead keep the version with a stroke for better accessibility.
Component in design system: https://app.uxpin.com/design-system/c933c74928e2195cc540/ui-patterns/213784
Some other details:
- Thick is 24px in height
- thin is 16px in height
- Author can change the color as needed, these are default styles
- Padding around inner bar is 4px
- Set a margin-bottom only of 8px (no margin-top)
Inspect Components:
- Light / Thick: https://preview.uxpin.com/design-system/c933c74928e2195cc540/6770639,light-progress-bar-thick
- Light / Thin: https://preview.uxpin.com/design-system/c933c74928e2195cc540/6770640,light-progress-bar-thin
- Dark / Thick: https://preview.uxpin.com/design-system/c933c74928e2195cc540/6770641,dark-progress-bar-thick
- Dark / Thin: https://preview.uxpin.com/design-system/c933c74928e2195cc540/6770642,dark-progress-bar-thin
We've added light and dark theme styles for progress bars - we will not be using "flat" style progress bars and instead keep the version with a stroke for better accessibility.
Component in design system: https://app.uxpin.com/design-system/c933c74928e2195cc540/ui-patterns/213784
Some other details:
Inspect Components: