2015-06-15 151 views

回答

1

您可以使用CSS過渡動畫進度條

transition: width 500ms cubic-bezier(0.84, -0.39, 0.38, 1.225); 

這裏的例子:http://codepen.io/katwhocodes/pen/KpvmQR

+0

感謝您的代碼,但它沒有被切斷我看到對角線上的進度條邊緣=/ – linc25

+0

。我以爲你需要動畫。也許你可以嘗試使用'progress-bar:after'添加css形狀。 – katwhocodes

+0

。進度條:之後{ 內容:''; 寬度:0; 身高:0; border-top:30px solid#337ab7; border-right:30px solid transparent; position:absolute; right:-20px; top:0; }我更新了示例代碼 – katwhocodes

相關問題