谁能破解这个进度条？

【问题标题】：Can anyone crack this Progess Bar?谁能破解这个进度条？
【发布时间】：2015-06-15 03:53:05
【问题描述】：

嘿，我在我的网站上使用的是引导进度条简单的动画模型，但它有点无聊。

有人知道怎么弄成这样吗？

我无法破解函数

谢谢

【问题讨论】：

【解决方案1】：

您可以使用 css 过渡来动画进度条

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

【讨论】：

感谢您的代码，但它没有在对角线上切割进度条的边缘 =/
我明白了。我以为你需要动画。也许你可以尝试使用'progress-bar:after'来添加css形状。
.progress-bar:after { content: '';宽度：0；高度：0；边框顶部：30px 实心#337ab7； border-right: 30px 实心透明；位置：绝对；右：-20px；顶部：0； } 我也更新了示例代码