WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Loaders and Uploaders

AwsmProgressBar for jQuery

— Add- On para WorldWideScripts.net

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


AwsmProgressBar for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting
El AwsmProgressBar es un todo-en-uno-archivo plugin para jQuery que te permite crear un progressbar impresionante. Más de trece opciones y cinco métodos permiten personalizar la progressbar a sus necesidades. Funciona con CSS3-animaciones y todos los principales navegadores. El AwsmProgressBar es útil cuando un Estado, su progreso o las transiciones entre los estados deben ser comunicados al usuario.

Actualizaciones

  • Actualización v1.3: Mayor compatibilidad con los navegadores (especialmente IE10 +)
  • Actualización v1.2: CSS3-transiciones son ahora totalmente compatibles con Opera 12+.
  • Actualización v1.1a: Se ha corregido un error con el fondo-textura libre y ha añadido la opción de suministrar una relación de aspecto propio (en lugar de la predeterminada de 100: 15). La demo se ha actualizado también.

Características

  • CSS3-animaciones con repliegue a gifs para los navegadores más antiguos
  • progreso- dinámico y color-animaciones, 4 estados diferentes
  • 10 opciones ajustables y 4 colores personalizables
  • se adapta al tamaño de la pantalla, incluso cuando se cambia el tamaño de la ventana
  • integración fácil, sólo necesita jQuery 1.4 o posterior

La demo de la página contiene un ejemplo completamente de trabajo y toda la documentación.

Compatibilidad del navegador (a julio de 2013)

Navegadores de escritorio Navegadores móviles
Probado: Pruébate:
  • Firefox 8+
  • Chrome 11+
  • Internet Explorer 10+
    (versiones anteriores a 10 de repliegue al GIF-animación)
  • Safari 5.1+
  • Opera 12.10+
  • iOS 3 Safari 3.2+ (iPad, iPhone, iPod)
  • Navegador de Blackberry 7+
  • Opera Mobile 12.1+
  • Chrome para Android 27+
  • Firefox para Android 22+

La extensión del plug-in spannes el código JavaScript de origen, una hoja de estilo y cuatro gráficos. Dos gráficos son en JPEG y los otros dos archivos en el formato GIF (animado). Se utilizan para el fondo interior de la progressbar y vienen en una de tamaño normal y una pequeña versión.

Los gifs animados vienen como una solución alternativa, en caso de que el navegador del usuario ™ € s no soporta CSS3 animaciones. El desarrollador también puede decidir utilizar gifs como fondo por defecto para preservar algo de poder de computación, como esas animaciones pueden consumir una gran cantidad de ella.

El AwsmProgressBar permite 12 opciones diferentes que se pueden inicializar con. Estas propiedades se pueden cambiar en cualquier momento posterior. Cuatro diferentes colores personalizables permiten a los desarrolladores para adaptar el aspecto de la página rodea (los colores se pueden establecer para los cuatro estados indeterminado, trabajando, inactivo y acabados).

Captadores y definidores, así como un método para destruir el plug-in están disponibles.

El paquete viene en dos versiones. El primero es un paquete todo-en-uno-archivo. Es un archivo JavaScript independiente que incluye todo el código fuente miniaturizada, todos los estilos CSS y todas las imágenes como datos-base 64 Urla € ™ s. Esta versión sólo depende de jQuery y debe cargar después de ella. El expediente completo tiene un tamaño total de ~ 55 kilobytes. La segunda versión ha externalizado todos estos archivos, por lo que el desarrollador puede cargar y combinar manualmente.


Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
04 de julio 12

:
Última Actualización 24 de julio 13

alta resolución:
No

Navegadores compatibles:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, Archivos incluidos

Palabras clave

eCommerce, todos los artí, culos, animació, n, css3, animació, n css3, barra de desplazamiento css3, javascript, jquery, cargador, el progreso, progressbar, barra de desplazamiento, estado, transició, n