从右到左增加宽度

Question

我想从右向左增加宽度。

<div dir="rtl" id="progress">
    <dt id='dt'></dt>
    <dd id='dd'></dd>
</div>

主要目标是当我在我的网站中使用阿拉伯语言时，此progress bar从右向左移动（阿拉伯语的默认方向是从右到左）。

我在编写时尝试了属性dir，但它没有解决问题。我有一个想法，但它会改变HTML。这不是正确的事情，因为我的网站支持英语和阿拉伯;我不想更改HTML，我只想更改样式或JavaScript代码。

Answer 1

为什么不将初始宽度设置为进度条的宽度，并将其缩小 这只是颜色问题..

Answer 2

您可以通过给出x比例-1来镜像进度div。

Answer 3

您可以执行以下操作：

• 将进度条的left属性设置为100％
• 将left属性添加到您的转场（因此它会平滑动画）
• 在您的javascript中，将left位置更改为0％，同时增加进度条的width。