nimble-progress-bar Component

😯 Problem to Solve

Need to create a new Nimble component to display progress. This was requested by the following teams but could also be useful in other places

• the Transportation BU (screenshot below; contact Jonathan Meyer or Deborah Bryant for more info)
• the Outlier Detection app (trying to replicate some UIs in O+ desktop Portal; contact Andrew Dove)

💁 Proposed Solution

• FAST component: https://explore.fast.design/components/fast-progress
• Visual Design: not requested yet

Requirements/features

• determinate vs indeterminate
• different fill colors to reflect different statuses

📋 Tasks

• nimble-progress-bar interaction design issue
• nimble-progress-bar interaction design spec
• nimble-progress-bar visual design issue
• nimble-progress-bar visual design spec
• nimble-progress-bar spec
• nimble-progress-bar custom element
• nimble-progress-bar unit tests
• nimble-progress-bar Storybook tests
• nimble-progress-bar Storybook docs
• nimble-progress-bar Angular wrapper
• nimble-progress-bar Blazor wrapper
• Add to Angular example app
• Add to Blazor example app
• Update Component Status table in README and incubating status

Start with the linked FAST progress component and review the listed interaction and visual design tasks before implementation. The work is done when the custom element, unit and Storybook tests, documentation, framework wrappers, example apps, and README status update are complete.