javascript - 从右到左增加宽度

Question

我想从右到左增加宽度。

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

主要目标是当我在我的网站中使用阿拉伯语时，使这个进度条从右向左移动（阿拉伯语的默认方向是从右向左）。

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

Answer 1

您可以通过将 x 比例设为 -1 来镜像进度 div。

Answer 2

为什么不将初始宽度设置为进度条的宽度，然后“缩小”它这只是颜色的问题..

Answer 3

您可以执行以下操作：

• 将left进度条的属性设置为 100%
• 将left属性添加到您的过渡中（以便动画流畅）
• 在您的 javascript 中，将left位置更改为 0%，同时增加width进度条。