Javascript 从右向左增加宽度

Javascript 从右向左增加宽度,javascript,jquery,html,css,internationalization,Javascript,Jquery,Html,Css,Internationalization,我想从右向左增加宽度 <div dir="rtl" id="progress"> <dt id='dt'></dt> <dd id='dd'></dd> </div> 主要目标是在我的网站中使用阿拉伯语时从右向左移动(阿拉伯语的默认方向是从右向左) 我在编写时尝试了属性dir,但没有解决问题。我有一个想法,但它会改变HTML。这不是正确的做法,因为我的网站支持英语和阿拉伯语;我不想更改HTML,我只想更

我想从右向左增加宽度

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

主要目标是在我的网站中使用阿拉伯语时从右向左移动(阿拉伯语的默认方向是从右向左)


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

为什么不将初始宽度设置为进度条的宽度,然后“收缩”它呢
这只是颜色的问题。

您可以通过将进度div的x刻度设置为-1来镜像进度div。

您可以执行以下操作:

  • 将进度条的
    left
    属性设置为100%
  • left
    属性添加到过渡中(以便平滑地设置动画)
  • 在javascript中,将
    位置更改为0%,同时增加进度条的
    宽度

我认为无论当前语言是否处于rtl模式,进度条都应该从左向右移动。仅供参考,
的父级应该是
而不是
@HashemQolami您相信我老板不相信的事情。@GLES您不应该更改OP的代码。请只是格式化。它是真的消失了还是只是移出了屏幕。如果这是第二次,您只需添加一个等于进度宽度的边距,我将y缩放为0,这次我将其缩放为1:D,它已出现但未镜像:#进度{变换:缩放(-1,-1);-webkit变换:缩放(-1,-1);