Add accNames to all progress bar examples

[patrickhlauke]

• also expands advice in progress.md, explicitly mentions giving them an accName, and includes the callout about using color to convey meaning
• updates cheat sheets, but note that for the RTL one, my arabic is...lacking. we should get somebody who knows what they're doing to translate those aria-labels properly

Closes #36714

[julien-deramond]

LGTM! Thanks for this PR @patrickhlauke.
Just a small change proposed for consistency.
Regarding the arabic version (RTL) we could maybe ask in the Slack general channel for some translation if anyone can help use in the community 🤷

[julien-deramond]

I've seen in the history the great work you've done on updating RTL examples @aqeelat in #33097.
In this PR we have new texts (new aria-labels for a better accessibility) that would need to be translated for the RTL Cheatsheet example. Would you be able to help us translating them? 🙏

List of texts:

• "Example with label"
• "Success example with label"
• "Info example with label"
• "Warning example with label"
• "Danger example with label"
• "Segment one - default example"
• "Segment two - animated striped success example"

[aqeelat]

Can I paste the translations here? @julien-deramond

[julien-deramond]

Can I paste the translations here? @julien-deramond

Yes sure. Thanks a lot <3

[aqeelat]

• "Example with label" -> "مثال مع عنوان"
• "Success example with label" -> "مثال ناجح مع عنوان"
• "Info example with label" -> "مثال توضيح مع عنوان"
• "Warning example with label" -> "مثال تنبيه مع عنوان"
• "Danger example with label" -> "مثال خطر مع عنوان"
• "Segment one - default example" -> "القسم الأول - مثال افتراضي"
• "Segment two - animated striped success example" -> "القسم الثاني - مثال ناجح مقلّم متحرك"

Sorry for the delay.
Let me know if there is anything else I can do to help with bootstrap's RTLization.

@julien-deramond @mdo

[patrickhlauke]

wonderful, thank you @aqeelat