Javascript 如何在加载web的位置更改div样式？

我刚开始创建这些加载条：

但我需要在web上的大多数位置更改该条的div宽度（例如，加载10张图片后，更改为100px，加载另10张图片后，更改为200px等），以便在加载页面时创建加载条的进度更改

如何更改web大多数位置上的div宽度，以在加载网页上创建加载条的连续移动

还有：我不想用，我喜欢自己做东西：-）

---

感谢您的帮助

据我所知，以下代码片段将满足您的需求。按下按钮（或加载某些图像时），宽度将增加16像素。这可以是任何变量，jQuery也可以用来设置它的动画。这只是一个例子来说明这一原则

$（“#按钮”）。单击（函数（）{
变量宽度=$（'.progress'）.width（）；
如果（宽度<256）{
宽度=宽度+16；
$（'.progress'）.width（宽度）
}
});
div.progress-bar{
宽度：256px；
高度：32px；
边框：1px纯黑；
}
进步部{
宽度：0px；
身高：100%；
背景色：#E0；
}
按钮#按钮{
边缘顶部：32px；
}

更多的进步最后，我使用此代码更改加载站点上的div宽度：

//First is width 20 in the css 
#myBtn {width:20px;height:30px;background-color:white;transition: all 0.5s ease 0s;}

**The HTML :**

// width 62.5% after load div#2013
$('#2013').load("load" , function() {
         $('#myBtn').css('width', '62.5%');
});

some images

//last 100% after load div#2010 with images and with fadeout
$('#2010').load("load" , function() {
         $('#myBtn').css('width', '100%');
         setTimeout(function(){$('#loading').fadeOut()}, 2700);
});

在web的大多数地方
这意味着什么？你能同时显示HTML和CSS吗？添加一个代码段来显示你的代码…@makshh例如，加载10张图片后，更改为100px，加载另10张图片后，更改为200px，然后你应该设置宽度变量并将其设置为该变量。使用百分比可能更容易，只需将其设置为
（完成金额/总金额）*100
。
$(window).load(function() {
         document.getElementById("myn").style.width = "640px";
         setTimeout(function(){$('#loading').fadeOut()}, 2700);
     })

//First is width 20 in the css 
#myBtn {width:20px;height:30px;background-color:white;transition: all 0.5s ease 0s;}

**The HTML :**

// width 62.5% after load div#2013
$('#2013').load("load" , function() {
         $('#myBtn').css('width', '62.5%');
});

some images

//last 100% after load div#2010 with images and with fadeout
$('#2010').load("load" , function() {
         $('#myBtn').css('width', '100%');
         setTimeout(function(){$('#loading').fadeOut()}, 2700);
});