Question

我想编码一个每天填充的矩形，例如在一个precent中。这是一般的想法。

但是，我的主要问题是如何填充呢？例如，每天矩形需要增加1％的百分比。所以，我需要从矩形宽度填充1/100的矩形。

例如，我的矩形宽度为100px，我只需更改第一个1px的背景。它就像一个电池......有什么建议吗？我想用html或css来做，但我不确定它是否可能这样的JavaScript / jQuery也会没问题。

感谢。

Answer 1

我在jquery中制作了一些代码，我觉得你做了什么，我做了什么，把一个宽度为0px的div放在另一个宽度为100px的div中，然后以编程方式改变第一个宽度在第二个基地。这是代码：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  console.log($("#div1"));
  $("#div2").css("width",parseInt($("#div1").css("width"))/2+"px")
})
</script>
</head>
<body>

<div id="div1" style="border: 1px solid red; width:100px; height:100px;">
<div id="div2" style="background-color: blue; width:0px; height:100px"></div>
</div>

</body>
</html>

填充功能

1 个答案: