نمایش نوار پیشرفت در ابزارک ها

معمولا نوار پیشرفت را برای نشان دادن آمار و ارقام، نمودار ها یا درصد پیشرفت پروژه در سایت به کار می برند.

قرار دادن نوار پیشرفت در سایت های وردپرسی

برای نمایش نوار پیشرفت در سایت های وردپرسی از افزونه progress bar استفاده می کنیم. با این افزونه به راحتی می توانید نوار پیشرفت یا progress bar را در سایت وردپرسی خود قرار دهید. این افزونه را می توانید از لینک پایین مطلب یا مخزن وردپرس دانلود کنید.

طریقه استفاده از افزونه progress bar

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

[wppb progress = عدد مورد نظر]

در شورت کد فوق می توانید عدد یا درصدی که می خواهید در نوار پیشرفت نشان داده شود را قرار دهید. رنگ پیش فرض این نوار آبی است. می توانید رنگ پیش فرض را تغییر دهید. برای این کار از شورت کدی مانند زیر استفاده کنید:

[wppb progress=70 option=green]

همچنین می توانید نوار را به صورت متحرک نمایش دهید:

[wppb progress=60 option=”animated-candystrip red”]

در کد فوق نوار با رنگ قرمز با خط هایی در نوار به صورت متحرک نمایش داده می شود. مقدار candystripe برای نشان دادن خط ها است. می توانید ان را بدون animated هم استفاده کرد.

شورت کد زیر نوار را درحالت فلت و با رنگ بنفش نشان می دهد:

[wppb progress=50 option=flat option=purple]

شما با نوار پیشرفت شورت کدهای دیگری هم می توانید بنویسید به مثال های زیر توجه کنید:

[wppb progress=”$500/$1000″ text=”$500/$1000 raised”] //نمایش مقدار جمع مبلغی به کاربر

[wppb progress=”$500/$1000″ text=”$500/$1000 raised” loction=”after”] //نمایش متن در خارج از نوار