increment width from right to left

increment width from right to left

in html, i want to increment the width from right to left.
<div dir="rtl" id="progress">
<dt id='dt'></dt>
<dd id='dd'></dd>
</div>
the main goal is to make this progress bar moves from right to left when i
use Arabic language in my website (default direction of Arabic language is
from right to left)
i tried the attribute dir as i wrote , but it didn't fix the problem.
I have an idea, but it will change the html, but that's not the correct
thing to do, because my website supports English & Arabic, and i don't
want to change the html, i just want to change the style, or a javascript
code.