Javascript 如何在HTML和CSS中创建一条连接两个节点的曲线？

我有两个div，我想用曲线图把它们连接起来。你知道我怎样才能做到吗？ 如果您运行下面提到的代码，您会看到有一个名为“commandsequencestarting”的标记。 两个div分别是W_SCMadl_refresh和WIN64_MCCMon，现在我想用一条曲线连接这两个div到“命令序列开始”

.mv线程，
.mv序列{
显示：内联块；
}
.mv序列，
.mv子序列{
边框：实心1px#e0；
边界半径：15px；
利润率：85像素；
填充：10px；
文本对齐：居中；
}
.mv序列>.title，
.mv子序列>.title{
字号：17px；
背景色：卡德蓝；
边界半径：7px 0px；
颜色：#fff；
字体大小：粗体；
填充：10px；
}
.mv序列>.body，
.mv子序列>.body{
最小宽度：最大含量；
显示：内联块；
文本对齐：左对齐；
}
.mv命令>div.indicator{
显示：内联块；
宽度：32px；
高度：32px；
线高：32px；
边界半径：32px；
文本对齐：居中；
字号：17px；
}
.mv命令>跨度{
字体大小：13px；
字体大小：粗体；
}
.mv命令：在{
内容：“；
背景色：#000；
宽度：3倍；
高度：16px；
显示：块；
左边距：14px；
}
/*完成*/
.mv命令。完成：之前{
背景#477738；
}
.mv cmd完成{
背景#57b847；
}
.mv cmd done>a>span，
.mv命令.done>span{
颜色：#477738；
}
/*流产*/
.mv命令。中止：之前{
背景：844138；
}
.mv cmd已中止{
背景：#ea4f37；
}
.mv cmd中止>a>范围，
.mv命令。已中止>范围{
颜色：844138；
}
/*等待*/
.mv命令。等待：在{
背景色：#808080；
}
.mv cmd等待{
背景#f1f1；
}
.mv cmd waiting>span，
.mv命令。等待>跨度{
颜色：#808080；
}
/*残疾人*/
.mv命令。禁用：之前{
背景#8080 ;；
}
.mv cmd已禁用{
边框：1px实心#8080；
}
.mv cmd已禁用>范围，
.mv命令.已禁用>范围{
颜色：#8080；
}
/*跑步*/
.mv命令。正在运行：之前{
背景#005686；
}
.mv cmd正在运行{
边框：1px实心#005686；
}
.mv cmd running>a>span{
颜色：#8080；
动画：mymove 2s无限；
}
@关键帧mymove{
从{
颜色：#fff；
}
到{
颜色：#368ec4；
}
}
.mv命令运行>跨度{
颜色：#8080；
动画：mymove 2s无限；
}

释放工作
命令序列启动
[ScmRefresh]
W_SCMadl_刷新
adl_照片
W_adl_照片
代码：[ScmCollect]
-稍后
每日收费
每日生活费
每天收集
[标准同步]
W_adl_同步
[ScmAttach]
-附件_fw_mod
W_adl_attach
adl_出版
W_adl_发布
代码：[ScmDsWs]
[工作区]
每天一次
如果不存在
[WIN64\u驱动器]\[WIN64\u目录]\[PreqDir]mkdir
[WIN64\u驱动器]\[WIN64\u目录]\[PreqDir]
W64_共享_Preq_mkdir
mkCopyPreq-W
[WIN64\u驱动器]\[WIN64\u目录]-p[WIN\u PREQ\u目录]-t
[WIN64\u驱动器]\[WIN64\u目录]\[PreqDir]-d-o win\u b64-重试10-时间30
-复制重试10-复制时间30
W64_mkCopyPreq
document.getElementsByTagName("span")

element.className.indexOf("indicator") != -1