Figma component > Add Progress bar

Base

• 8 progress percentages to choose from

Variations

• Sizes
  • Extra small
  • Small
  • Medium

Instances

• Time tracking/Light
• Time tracking/Dark
• Time tracking/Info

View component in Figma →

Checklist

Make sure the following are completed before closing the issue:

1. Assignee: Create component in your own draft file in Figma using the component template, including all variations and states.
2. Assignee: Ask another Figma Pilot Designer to review your component (make sure they have edit permissions).
3. Reviewer: Review and approve assignee’s addition. Ensure that component matches Sketch specs, includes all current variations and states, and (if applicable) is responsive.
4. Assignee: Add notes about the component construction to the Figma component build notes issue description. Check off the component when complete.
5. Assignee: Add the component to the Pajamas UI kit - Beta file, and view the component in the Assets panel to ensure it aligns with what’s outlined in the Figma structure for library issue.
6. Assignee: Publish the library changes along with a clear commit message.
7. Assignee: Update component link in the issue.
8. Assignee: Move your draft file to the Component archive Figma project.
9. Assignee: Create issue to update Vue component to latest design specs.
10. Assignee: Create issue to update Design guidelines to require a text legend.