jQuery的：类似的负载效应来NProgess

2013-12-17 15 views 2 likes

这是链接：http://ricostacruz.com/nprogress/jQuery的：类似的负载效应来NProgess

我已经产生了吧进步，它错过了负载循环。

这是我发现它的代码：

#progress-bar .peg { 
display: block; 
position: absolute; 
right: 0px; 
width: 100px; 
height: 100%; 
    box-shadow: 0 0 10px #29d, 0 0 5px #29d; 
    opacity: 1.0; 

    -webkit-transform: rotate(3deg) translate(0px, -4px); 
    -moz-transform: rotate(3deg) translate(0px, -4px); 
         -ms-transform: rotate(3deg) translate(0px, -4px); 
    -o-transform: rotate(3deg) translate(0px, -4px); 
    transform: rotate(3deg) translate(0px, -4px);

而且格外，你怎么加呢？因为我在做类似的东西：提前

var $progressBarContainer = $('<div/>').attr('id', 'progress-bar-container'); 
    $progressBarContainer.append($('<div/>').attr('id', 'progress-bar')); 
    $progressBarContainer.appendTo($('body'));

感谢您帮助

来源

2013-12-17 Choubidou

回答

他们使用它，你在网站上提供的方式是非常简单地做正确的方式。如果您需要帮助从网站减去微调代码，我已经放在一起simple JSFiddle example for you。您应该能够复制粘贴CSS代码，并且只需更改spinner-div的内容即可。

，使旋转的代码是

-webkit-animation: spinner 400ms linear infinite; 
-moz-animation: spinner 400ms linear infinite; 
-ms-animation:  spinner 400ms linear infinite; 
-o-animation:  spinner 400ms linear infinite; 
animation:   spinner 400ms linear infinite;

，然后将关键帧的每个浏览器。

来源

2013-12-17 20:40:49 Loyalar

我没有设法使它.. – Choubidou

好吧，请发布一个JSFiddle包含你有的代码，这是不可能的帮助不知道你已经尝试过。 – Loyalar

你有使用动画JSFiddle的例子吗？ – Choubidou

jQuery的：类似的负载效应来NProgess

回答

相关问题