Skip to content

Comments

fix(ui5-progress-indicator): apply rounded corners for Horizon themes#13126

Open
NakataCode wants to merge 1 commit intomainfrom
progress-indicator-rounded-bar
Open

fix(ui5-progress-indicator): apply rounded corners for Horizon themes#13126
NakataCode wants to merge 1 commit intomainfrom
progress-indicator-rounded-bar

Conversation

@NakataCode
Copy link
Contributor

@NakataCode NakataCode commented Feb 20, 2026

Apply rounded corners (border-radius: 0.5rem) to the progress bar across all Horizon theme variants (horizon, horizon_dark, horizon_hcb, horizon_hcw) to align with design specifications.

Fiori themes retain partial rounding to prevent visual gaps between the progress bar and remaining bar.

Additionally, a z-index was added to the progress bar element to ensure correct layering in high contrast themes, where the remaining bar was rendering above the fill and causing visual distortion.

Fixes: #13112

@ui5-webcomponents-bot
Copy link
Collaborator

@NakataCode
Copy link
Contributor Author

The problem that the z-index is fixing:
Screenshot 2026-02-20 at 14 55 14

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Progress Indicator]: Progress bar missing border radius on the right side

3 participants