How does swiper add a progress navigation bar?

swiper officially comes with a progress navigation bar, but it"s not what I need. I want that, for example, if autoplay is set to 5000, the progress navigation bar will gradually increase by a percentage, and when it reaches 5000 milliseconds, the swiper will turn to the second page, and the progress navigation bar will start at 0 and re-perform the increase from 0 to 100%. It"s the same after turning the page on the left and right. May I ask how to achieve this effect? If you can still hope to give an answer, thank you very much! ~

Javascript jquery swiper.js

Dec.02,2021

write a progress bar directly. Whenever you enter the page turning callback, add a class . This class adjusts the progress bar to 100% , and adds the transition of transition:5s . Every time you turn the page, you can remove this class and not add

Previous: Problems with elemeny uploading using upload components

Next: Using the js-sdk of Wechat's getLocation to report an error in vue

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b30ae6-2bd4d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b30ae6-2bd4d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?