[Bug]: Spectrum web component: Progress Bar indeterminate does not animate on Web Views

[sarahszhou]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

Universal asset browser

Expected behavior

Progress Bar on web view has animations

Actual behavior

Progress Bar on web view for some reason does not animate at all
When value is set - it will jump from one percentage to another and not glide over.
This is problematic when the value jumps from 0% - 100% since it looks like there is no progress. (Reproducible on Web View and UXP Web View).

It's also problematic when the indeterminate prop is set and it just appears stuck. (This is only reproducible on UXP web view).

Screenshots

spectrum.web.component.single.asset.mov

What browsers are you seeing the problem in?

Chrome

How can we reproduce this issue?

1. Build cloud-shared-components (UAB) repository locally
2. Link it to Illustrator with ccx-start-uxp branch uab-web
3. select an asset and select for an operation to occur
4. Observe the progress dialog does not animate.

Sample code or abstract reproduction which illustrates the problem

const progressPercent = Math.round((numInProgress / batchSize) * 100);
// const indeterminate = batchSize === 1 ? true : undefined;
return (
    <div className={styles.dialogRoot} tabIndex={0}>
        <Progress
            label={label}
            value={progressPercent}
            labelPosition="top"
            tabIndex={-1}
        />

Severity

SEV 2

Logs taken while reproducing problem

No response