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 om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


AwsmProgressBar for jQuery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting
De AwsmProgressBar is een alles-in-een-bestand plug-in voor jQuery waarmee u een verbluffende voortgangsbalk te creëren. Meer dan dertien opties en vijf methoden is het mogelijk om de voortgangsbalk te passen aan uw behoeften. Het werkt met CSS3-animaties en alle belangrijke browsers. De AwsmProgressBar is handig wanneer een staat, de voortgang of overgangen tussen staten om de gebruiker moet worden meegedeeld.

Updates

  • V1.3 Update: Verhoogde browser compatibiliteit (vooral IE10 +)
  • Actualiseren v1.2: CSS3-overgangen worden nu volledig ondersteund in Opera 12+.
  • V1.1a Update: Fixed a bug met de textuur vrij achtergrond en voegde de mogelijkheid om een eigen beeldverhouding leveren (in plaats van de standaard één van de 100: 15). De demo is ook bijgewerkt.

Kenmerken

  • CSS3-animaties met fallback naar gifs voor oudere browsers
  • dynamische voortgangs- en kleur-animaties, 4 verschillende staten
  • 10 instelbare opties en 4 aanpasbare kleuren
  • past zich aan aan de grootte van het scherm, zelfs wanneer het venster wordt gewijzigd
  • eenvoudige integratie, alleen moet jQuery 1.4 of hoger

De demo-pagina bevat een volledig werkend voorbeeld en de hele documentatie.

Browser compatibiliteit (vanaf juli 2013)

Desktop browsers Mobiele browsers
Getest: Test jezelf:
  • Firefox 8+
  • Chrome 11+
  • Internet Explorer 10+
    (Versies vóór 10 fall-back naar de GIF-animatie)
  • Safari 5.1+
  • Opera 12.10+
  • iOS 3 Safari 3.2+ (iPad, iPhone, iPod)
  • Blackberry Browser 7+
  • Opera Mobile 12.1+
  • Chrome voor Android 27+
  • Firefox voor Android 22+

De omvang van de plug-in spannes de JavaScript-broncode, een stylesheet en vier graphics. Twee graphics zijn in JPEG en de andere twee bestanden in de gif-formaat (geanimeerde). Ze worden gebruikt voor de binnenste achtergrond van de voortgangsbalk en komen in een normale grootte en een kleine versie.

De animated gifs komen als een noodoplossing, voor het geval de Usera € ™ s browser ondersteunt geen CSS3-animaties. De ontwikkelaar kan ook beslissen om gifs gebruiken als standaard achtergrond om wat rekenkracht te behouden, als die animaties er veel van kunnen consumeren.

De AwsmProgressBar zorgt voor 12 verschillende opties kan worden geïnitialiseerd met. Die eigenschappen kunnen later op elk gewenst moment worden gewijzigd. Vier verschillende aanpasbare kleuren laat de ontwikkelaar om de blik naar de omliggende pagina aanpassen (kleuren kunnen worden ingesteld voor de vier staten de onbepaalde, werken, inactief en afgewerkt).

Getters en setters, evenals een methode om de plug-in te vernietigen zijn beschikbaar.

Het pakket wordt geleverd in twee versies. De eerste is een alles-in-één-bestand pakket. Het is een stand-alone JavaScript-bestand dat alle minified broncode, alle CSS-stijlen en alle afbeeldingen als base64-data-urla € ™ s bevat. Deze versie is alleen afhankelijk jQuery en moet daarna weer ingeschakeld. Het volledige dossier heeft een totale omvang van ~ 55 kilobytes. De tweede versie heeft al deze bestanden extern, zodat de ontwikkelaar kan laden en handmatig combineren.


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
4 juli 12

Laatste Update:
24 juli 13

hoge resolutie:
Nee

compatibele browsers:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Bestanden Inbegrepen:
JavaScript JS, HTML, CSS

Software versie:
jQuery

Trefwoorden

eCommerce, Alle artikelen, animatie, CSS3, CSS3 animaties, CSS3 scrollbar, javascript, jquery, loader, vooruitgang, voortgangsbalk, scrollbar, staat, transitie