[mohammad-502]

با سلام

در سایت هایی مثل سایت های وردپرسی یا سایت شخصی بل گیتس یک  امکان وجود دارد که این کار رو میکنه

وقتی که ما در طی خواندن یک مطلب هستیم و اسکرول را به پایین میبریم یک نوار پیشرفت برای خواندن مطلب وجود دارد و وقتی که ما به آخر مطلب رسیدیم نوار پیشرفت کامل میشود برای فهم بهتر اگر دست توضیح ندادم به این لینک برید و بیایید پایین...

وقتی که این کار را کردید میبینید که نوار تا وقتی که پایین می آییم کامل میشود.

میخواستم بدونم چجوری میشود این امکان را در دیتالایف ایجاد کرد؟

https://www.gatesnotes.com/Development/Peking-University-Speech

[jamaldanlod]

سلام، با استفاده از پلاگین های جی کوئری!

 

میتونید به این لینک یا اینجا مراجعه کنید.

[dindarloo]

یه دیو داریم که کد اچ تی ام ال هست

<div id="container"></div>

یه کد جاوا اسکریپت داریم برای کنترل پروگرس بار

var bar = new ProgressBar.Line(container, {
  strokeWidth: 4,
  easing: 'easeInOut',
  duration: 1400,
  color: '#FFEA82',
  trailColor: '#eee',
  trailWidth: 1,
  svgStyle: {width: '100%', height: '100%'}
});

bar.animate(1.0);  // Number from 0.0 to 1.0

و یه کد سی اس اس داریم برای ظاهرش

#container {
  margin: 20px;
  width: 400px;
  height: 8px;
}

[dindarloo]

اگر آموزش کافی نبود گوگل کنید live progress bar