【问题标题】:Stylish Javascript progress (loading) bar...?时尚的 Javascript 进度(加载)栏...?
【发布时间】:2010-08-11 11:07:58
【问题描述】:

我目前正在开发一个与汽车相关的网站,我想在其中使用 javascript(不是 flash)创建一个非常时尚的进度条。我希望它看起来类似于速度指示器,如下所示:http://www.crestock.com/images/1260000-1269999/1260687-xs.jpg

所以我在 Google 上搜索了很多 JavaScript 条,但只找到了简单的水平条。

关于我应该如何进行的任何想法?

【问题讨论】:

  • 我显然愿意使用jquery。

标签: javascript progress-bar loading indicator


【解决方案1】:

这实际上是非常可行的 - 请参阅这篇关于 Internet Explorer 中的 CSS3 旋转和过滤器的文章,并搜索 CSS3 Transform 属性 - http://www.useragentman.com/blog/2010/04/05/cross-browser-animated-css-transforms-even-in-ie/

尽管我会在此声明,无论您对 Javascript 加载栏有何用途,90% 的情况下它都不是很好。如果您的页面太大以至于需要加载栏,那么您真的应该考虑重新设计/重写您的代码和网站设计。如果您想要动画只是为了动画,情况也是如此。

但我担心我可能说得太多了——不要让这阻止你去研究一个非常有趣的技术,或者在你认为必要的任何事情上使用它。如果您需要更多帮助,请对此问题发表评论。

【讨论】:

  • 太棒了!非常感谢您的帮助!
  • 还要注意,我没有用它来引导页面,它更多的是查看汽车在一英里内可以达到的速度。
【解决方案2】:

JQueryUI 一个机会。它有一些丰富的效果和 UI 小部件。

格子

编辑: 我遇到了这个: http://dev.sencha.com/deploy/ext-4.0.2a/examples/charts/Gauge.html

【讨论】:

  • 看起来很有趣,但是它是一种水平类型的进度条,将其重新制作成我正在寻找的样式会很复杂吗?
猜你喜欢
  • 1970-01-01
  • 2012-12-22
  • 2016-10-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多