Як створити progressbar за допомогою плагіна для jquery.

Відео: Animated Circular Progress Bar - jQuery Circular progress bar With Number Counter - Plugin Tutorials

Всім привіт. Сьогодні я покажу невеликий плагін, що дозволяє створити красивий повзунок прогресу, або progressbar.

Зайдіть за посиланням: https://tinytools.codesells.com/ProgressBar та натисніть download, щоб завантажити потрібні файли. тепер створіть html сторінку, де все це підключіть.

 
lang="En"gt; 
 
charset="UTF-8"gt; 
Test 
rel="Stylesheet"type="Text / css"href="Tinytools.progressbar.min.css"gt; 
 
 
 
 
id="Progress"gt;

У нас є блок div з id = progress, який і є нашим прогрес баром. Далі в тезі script відбираємо наш блок і викликаємо у нього метод progressBar, куди передаємо об`єкт з параметрами:

Відео: jQuery plugins - кращі практики - 01 - введення

width - ширина індикатора
height - висота індикатора
percent - скільки відсотків
showPercent - показувати відсотки по середині чи ні
split - на скільки частин розбити індикатор

Як бачите, все досить просто, але красиво. А якщо ви не розумієте, як працюють плагіни або взагалі бібліотека JQuery, то раджу курс jаvascript, JQuery і Ajax з Нулі до Гуру. Дякую за увагу і побачимося в наступних статтях.

Поділися в соціальних мережах:

Схожі