1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Ayuda ¿Como animar barras de progreso?

Tema en 'Jquery' comenzado por GtaSApawer, 27 de Agosto de 2016.

  1. GtaSApawer

    GtaSApawer Miembro

    Se incorporó:
    12 de Febrero de 2015
    Mensajes:
    234
    Me gusta recibidos:
    8
    Puntos de trofeos:
    18
    Género:
    Hombre
  2. GtaSApawer

    GtaSApawer Miembro

    Se incorporó:
    12 de Febrero de 2015
    Mensajes:
    234
    Me gusta recibidos:
    8
    Puntos de trofeos:
    18
    Género:
    Hombre
    Ya lo anime ! ;)

    http://codepen.io/dgtxd/pen/PzrGKO

    Sabran porque el waypoint no me funciona?? cuando se lo pongo, quiero que esa animación la ejecute cuando esté presente en el viewport. Así deje el codigo:

    $('skills').waypoint(function(){
    jQuery('.skill').each(function(){
    jQuery(this).find('.fill').animate({
    width:jQuery(this).attr('data-percent')
    },2000);
    });
    }, { offset: '100%' });

    Pero no funciona :'c con el waypoint
     
  3. GtaSApawer

    GtaSApawer Miembro

    Se incorporó:
    12 de Febrero de 2015
    Mensajes:
    234
    Me gusta recibidos:
    8
    Puntos de trofeos:
    18
    Género:
    Hombre
    YA LO SOLUCIONE!
     
  4. The Boy

    The Boy
    Moderador
    Miembro del Equipo

    Se incorporó:
    2 de Mayo de 2015
    Mensajes:
    365
    Me gusta recibidos:
    126
    Puntos de trofeos:
    43
    Género:
    Hombre
    Ocupación:
    Estudiante de desarrollo de aplicaciones web.
    Localización:
    España
    Página web:
    Estaría bien que compartieras tu solución por si alguna persona llega a tener el mismo problema.
     
    A AngelKrak le gusta esto.
  5. GtaSApawer

    GtaSApawer Miembro

    Se incorporó:
    12 de Febrero de 2015
    Mensajes:
    234
    Me gusta recibidos:
    8
    Puntos de trofeos:
    18
    Género:
    Hombre
    Bueno la solución ya la puse jeje

    Lo del waypoint era así

    $('#mission').waypoint(function() {

    $('.skill').each(function(){
    $(this).find('.fill').animate({
    width:$(this).attr('data-percent')
    },2000);
    });

    }, {offset: '85%', triggerOnce: true });
     

Comparte esta página