javascript - JS自定义进度条

标签 javascript jquery angularjs twitter-bootstrap

我用的很简单progress bar with bootstarp .

但我想创建这样的自定义进度条: enter image description here

但我不知道如何创建这样的进度条。也许存在现成的 JS 库或其他东西,用于创建进度条。

最佳答案

你可以这样做:

  • 使用您的模因图像,使脸部内部透明、外部白色(或使用您的背景颜色)
  • 使用与您的 meme 图像大小相同的彩色 div(例如蓝色),并将其隐藏在您的 meme 图像下方
  • 进展时,将图像滑动到顶部(使用 JavaScript),位于模因后面(使用 z-index)
  • 你获得了效果

关于javascript - JS自定义进度条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30236538/

相关文章:

jquery - 在列表中查找具有指定类的第 5 个元素并在 jQuery 中添加另一个类

javascript - 如何在不点击或提交的情况下实时更新数据

angularjs - Angular Modal Service 不会使背景变灰

javascript - 在 NodeJS 上分配变量来查询 mysql

javascript - 在 Javascript 不工作的情况下点击显示/隐藏

javascript - 谁能解释一下 ember.js 创建函数

javascript - 创建一个点击网页时弹出的区域

javascript - 调用一个方法两次时只渲染一个 SVG 组件

javascript - 单击时加载 Javascript 或 jquery

angularjs - Angular 与 React+Flux 对比表——我的信息正确吗?