【问题标题】:JQ Animated Progress BarJQ 动画进度条
【发布时间】:2013-03-23 14:41:43
【问题描述】:

我需要在页面加载时创建一个动画进度条,这是我需要的示例: http://somnia-themes.com/templates/verendus/shortcodes/progressbar.html

我需要显示与上面示例中相同数量的条形图,但它们需要使用条纹图像进行动画处理,我可以使用 CSS,但我需要确保它在所有浏览器中都有效,因此使用切片条纹图片。

如果有任何帮助,将不胜感激。

另外,我可以使用 Twitter Bootstrap 中的动画进度条(我的网站是使用 Bootstrap 框架构建的),但该进度条的加载方式与上面的 url 不同。有没有办法将此加载功能添加到 Bootstrap?

提前致谢。 三杰

【问题讨论】:

    标签: javascript jquery twitter-bootstrap jquery-ui-progressbar


    【解决方案1】:

    JS Fiddle Striped Progress Example

    这是在进度条上使用 .progress-striped 类。

    <div class="progress progress-striped"> 
    <div class="bar" style="float: left; width: 0%; " data-percentage="50"></div>
    </div>
    

    【讨论】:

    • 谢谢,效果很好,但我需要让片段保持动画,即仍然像加载时那样移动。你能帮忙吗?
    猜你喜欢
    • 2014-04-23
    • 1970-01-01
    • 1970-01-01
    • 2015-06-19
    • 1970-01-01
    • 2023-03-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多