Progress Bar

Owned by Adam Butterworth (Deactivated), created
Last updated: Jun 04, 2021
1 min read

DESIGN COMPLETE IMPLEMENTATION PENDING

The three statuses above and their possible values:

PROPOSAL STATUS

DESIGN STATUS

IMPLEMENTATION STATUS

PROPOSAL STATUS

DESIGN STATUS

IMPLEMENTATION STATUS

DRAFT

DESIGN PENDING

IMPLEMENTATION PENDING

READY FOR REVIEW

DESIGN PLANNED

IMPLEMENTATION PLANNED

APPROVED TO ADD

DESIGN IN PROGRESS

IMPLEMENTATION IN PROGRESS

DEFERRED

DESIGN COMPLETE

IMPLEMENTATION COMPLETE

NEEDS CHANGES

 

 

For more information see the Contribution Process | Step 1 – Start a component proposal.

A bar to indicate the completed progress of a task.

Contributors

@Adam Butterworth (Deactivated)

Slack channel

Paragon Jira ticket

https://openedx.atlassian.net/browse/PAR-237

Other Jira tickets

Design resources

WIP https://www.figma.com/file/dJr5ixCRKlXiuA4BsKxAk3/Design-System-Workspace?node-id=2475%3A12968

Technical docs

https://paragon-edx.netlify.app/components/progress-bar

1 Variants | 2 Specification | 2.1 Accessibility | 3 Notes

Design

https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=7521%3A18216
https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=7521%3A18233

Variants

Variant

Primary, Brand, Success, Warning, Labeled

https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=11849%3A370

Specification

What does an engineer need to know in order to build this component?

Redlined Design Spec

https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=7521%3A18248
https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=11849%3A460

Accessibility

 

Notes

Notes from collaborator conversations or meetings regarding this component.

XX.XX.20XX