va-file-input - implement upload progress-bar

[it-harrison]

Description

The goal of this issue is to add support for VFS teams to pass a prop to the va-file-input component that specifies the progress of an uploading file, and for that information to be consumed by a va-progress-bar instance inside the va-file-input component.

Discovery was done in 2918.

Details

Consult the PR in the Discovery ticket to see a rough proof-of-concept implementation. Verify with Design that after the progress has reached 100% the component should return to its original state.

Tasks

• Review DST backlog for outstanding issues with this component, if necessary
• Create web component and add to Storybook
• Write any necessary tests
• Add Chromatic link to #[add accessibility ticket number] and request review from an accessibility specialist
• Contact designer for design review
• Display the appropriate maturity scale option in Storybook (once this feature is available)
  • If this is a new component that has not gone through Staging Review, it should be labeled "Use with Caution: Candidate"
• Merge component
• Create a new release of component-library
• Update component-library dependency in vets-design-system-documentation to get the updated component-docs.json
• Add analytics set-up to vets-website repository. See guidance here.

Screenshots

Screen.Recording.2025-03-04.at.4.22.46.PM.mov

Acceptance Criteria

• Component is written and added to Storybook
• Component has had accessibility and design reviews
• Design.va.gov has the latest version of component-library
• Analytics has been configured for the component in the vets-website repo

[caw310]

Please add your estimate of 1, 2, 3, 5, 8 or 13
@Andrew565
@ataker
@harshil1793
@it-harrison
@jamigibbs
@micahchiang
@powellkerry
@rmessina1010
@rsmithadhoc