根據div寬度動態對齊CSS三角形

Question

我已經通過以下教程創建了這個http://jsfiddle.net/nuUcv/1/ div填充。我有一個trianlge，目前它是靜態的。我想要根據內部div寬度（我正在填充的那個）動態地放置它。我該如何實現這個目標？

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

Answer 1

首先我們必須讓內部的div的寬度爲以下幾點：

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