ROU-11384: Adding new css variables to control progress animation speed

[rugoncalves]

This PR is for adding new css variables to enable the developer to override the speed animation of the Progress Bar + Circle.

What was happening

• When the speed of updating the value of the progress was higher than 5 per second, the progress was stuck in 0%, until the end, or until the update speed slowed down.

What was done

• Added 2 new css variables that will enable the developer to override the animation speed value, making it fluid
  • --progress-initial-speed
  • --progress-speed

Example of usage

.override-speed .osui-progress-bar {
    --progress-initial-speed: 0.1s;
}

Screenshots

Checklist

• tested locally
• documented the code
• clean all warnings and errors of eslint
• requires changes in OutSystems (if so, provide a module with changes)
• requires new sample page in OutSystems (if so, provide a module with changes)

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[gnbm]

LGTM 🚀