基于div宽度动态对齐CSS三角形

我通过以下教程创建了这个div填充。我有一个测试，目前它是静态的。我想根据内部div宽度（我正在填充的那个）动态地放置它。我如何实现这一点

$(document).ready(function(){
      $('.progress').animate({ width: '90%' }, 1000);
});

---

首先，我们必须得到内部div的宽度，如下所示：

$(document).ready(function(){
var width1=$(".your_inner_div").width();
$('.progress').animate({ width: width1 }, 1000);
});

根据内部div宽度动态放置它-这根本没有什么意义。