Javascript 添加文本加载器的技术是什么？

我想知道是否有一种文本加载器技术。我在一些网站上看到了这种效果。当DOM未完全加载时，会产生加载特定文本的效果。我想知道这是否是一张图片，但最终会导致网站加载速度不快。或者是在完全加载的DOM上删除的设计边框

这是示例的图片：

---

因为我找不到正确的方法。只要有一点想法或见解就可以了。

我在javascript中使用css和css transitions属性应用了这种效果。所以我认为这个效果是用css创建的，因为需要一些字节的代码来创建这个效果。所以文档不需要加载包含大量kb的图像文件。 下面是我的示例代码：

函数getPost（）{
setTimeout（函数（）{
document.getElementById（“demo”）.innerHTML=“Lorem ipsum dolor sit amet，Concertetuer Adipise Elite.Aenean commodo ligula eget dolor.Aenean massa.Cum sociis natoque penatibus and magnis dis-parturient montes，nascetur ridiculus mus.Donec quam felis，Ultrices nec，Pellenteske eu，pretium quis，sem.nula consequeat massa quis enim.Donec pede justo，”；
}, 900)}
getPost（）；

#demo.text-plbar1{
高度：20px；
宽度：80%；
显示：块；
边缘底部：10px；
}
#demo.text-plbar2{
高度：20px；
宽度：60%；
显示：块；
边缘底部：10px；
}
#demo.text-plbar3{
高度：20px；
宽度：40%；
显示：块；
边缘底部：10px；
}
#演示文本-plbar4{
高度：20px；
宽度：80%；
显示：块；
边缘底部：10px；
}
@关键帧闪烁{
0% {
背景位置：-468px 0
}
100% {
背景位置：468px 0
}
}
.动画背景{
动画持续时间：1s；
动画填充模式：正向；
动画迭代次数：无限；
动画名称：闪烁；
动画计时功能：线性；
背景：#f6f7f8；
背景：线性梯度（向右，#eeeeee 8%，#dddddd 18%，#eeeeee 33%）；
背景尺寸：800px 104px；
高度：96px；
位置：相对位置；
}

我见过几个使用svg和动画的实现，所以基本上这是一个绝对位置的svg，它将在完全页面加载时隐藏？@AivanMoncellerI认为linked in就是一个这样做的网站示例哇。我喜欢条形动画。