آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش کار با progressBar در Javascript

دوره های مرتبط با این مقاله

آموزش کار با progressBar در Javascript


آموزش کار با Progress Bar در JavaScript

progressbar.jsیک پلاگین سبک جهت نمایش نوار پیشرفت دایره ای میباشد. جهت استفاده از این افزونه بعد از قرار دادن لینک فایلهای js وcss در پروژه ، تنها لازم است ، آن را با تابع loading فراخوانی کنیم.

=< link rel="stylesheet" href="jQuery-plugin-progressbar.css" >
< script src="https://code.jquery.com/jquery-2.1.4.min.js" >< /script > 
< script src="jQuery-plugin-progressbar.js" >< /script >

در فایل Html خود از قطعه کد زیر استفاده میکنیم.اگر از پارامتری استفاده نکنیم ، از مقدار پیش فرض ، 75 استفاده میکند. در غیر این صورت شما میتوانید با استفاده از پارامترهای این افزونه با پیشوند data- مقدار نوار پیشرفت و مدت زمان اجرای انیمیشن به همراه رنگ پس زمینه و نوار را مشخص کنید.


< div class="progress-bar position" >< /div > 
< div class="progress-bar position" data-percent="40" data-duration="1000" data-color="#ccc,yellow" >< /div >

جهت فراخوانی این افزونه تنها لازم است متد loading را فراخوانی کرد. این فراخوانی میتواند بدون اعمال رویدادی و یا با اعمال رویدادی مثلا کلیک روی دکمه رخ دهد.

$ (".progress-bar").loading(); 
$ ('input').on('click', function () { 
$ (".progress-bar").loading(); 
}); 
< /script >
  • 109
  •    82
  • تاریخ ارسال :   1398/09/21

دانلود PDF دانلود سورس کد دانلود فیلم آموزشی دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
آموزش کار با progressBar در Javascript
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .