Image carousel with progress bar

This support ticket is created 4 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	-
-	13:00 – 18:00	13:00 – 18:00	13:00 – 18:00	14:00 – 18:00	13:00 – 18:00	-

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Shane 4 years ago.

Assisted by: Shane.

Author

Posts

February 22, 2021 at 2:00 pm #1962767

Ankit Katailiha

Screenshot_2021-02-22 Steris Insight.png

Hi Team,

I need to create a Image carousel with horizontal progress bar (see screenshot for your reference). Currently there is a option to create image slider only but I need a auto-slide functionality with it and want to add a progress bar in bottom.
Could you please help me to achieve this functionality with the help of any custom code?

February 22, 2021 at 7:02 pm #1963087

Shane

Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Ankit,

Thank you for getting in touch. A setup like this won't be possible natively with Toolset especially if you are using the block editor.

I did some searching and was able to find the owl Carousel that should be able to get this working for you. You can use this with the classic views editor by going to Toolset -> Views.

hidden link

You will need to add the owl carousel by using the enqueue_script and enqueue_style functions that wordpress offers.
Here below is a list of the files that you need to enqueue to your site.
hidden link

Essentially you will only need the css and the js files.

This is the most I can offer given that this is not something that is natively possible with our Toolset plugins.

Please let me know if this helps.
Thanks,
Shane