chieffancypants / angular-loading-bar

A fully automatic loading / progress bar for your angular apps.
https://chieffancypants.github.io/angular-loading-bar/
MIT License
5.17k stars 682 forks source link

RTL Support #313

Open Sobiru opened 8 years ago

Sobiru commented 8 years ago

Hello, Is there any option to make the loading bar go from right to left? This is extremely useful for apps that are in RTL langauges. I tried setting direction: rtl to the outer div but that didn't work.

Thanks in advance.

chieffancypants commented 8 years ago

Wait, RTL languages also reverse the direction of progress bars? Just a guess, but maybe you can transform:rotate(180) the progress bar so it's flipped upside-down? and therefore will appear to pulse in the opposite direction

zhibek commented 7 years ago

This extra CSS worked for me:

html[dir=rtl] #loading-bar .bar {
  left: auto;
  right: 0;
}
zvizvi commented 5 years ago
html[dir=rtl] #loading-bar .bar {
  left: auto;
  right: 0;
}

html[dir=rtl] #loading-bar .bar .peg {
  right: auto;
  left: 0;
}