Loading animation when menu item is clicked - WORDPRESS - 28/04/2018 10:12 EDT

$10-30 USD

Closed

Posted

about 6 years ago

$10-30 USD

Paid on delivery

I have a PROGRESSIVE WEB APP, using Wordpress and a theme called BeMobile. Users use this PWA as a standalone (like native app) When a user clicks a menu item takes a few seconds to redirect to the new page, and seems like nothing is happening. WHAT I NEED: I need a WORDPRESS PLUGIN, that shows a loading animation when a menu item (and only a menu item) is clicked. Today we have loading animation on destination page, that is NOT what I want, I NEED A LOADING ANIMATION WHEN A MENU ITEM IS CLICKED, this animation will show until the PWA doesnt exit the current page. This way the user knows something is happening.

Project ID: 16812931

About the project

7 proposals

Remote project

Active 6 yrs ago

Looking to make some money?

Email address

Benefits of bidding on Freelancer

Set your budget and timeframe

Get paid for your work

Outline your proposal

It's free to sign up and bid on jobs

7 freelancers are bidding on average $26 USD for this job

@duongwebapp

Hire me ! I have 5 years experience in web programming,build & develop web, Wordpress theme. Laravel, php, mysql, html, html5, css, css3, jquery,psd to html....VPS, Hosting, Cloud server. Thanks for review !

$27 USD in 0 day

5.0

(15 reviews)

3.3

@iamramizansari

Hi there i can get this work done for you, you can see my work at uitcs.acm.org. feel free to message me.

$25 USD in 1 day

5.0

(3 reviews)

3.2

@zozoweb

Hi, Just apply a class on the menu items or navbar then with some js(jquery) to show the loading until page redirects. Example: NAVIGATION <nav class="show-loading-on-click"> <ul> <li>Menu item 1</li> <li>Menu item 2</li> <li>Menu item 3</li> ................................. </ul> </nav> LOADING SCREEN <div id="loading-screen" style="position:absolute;top:0px;left:0px;width:100%;background-color:#fff; display:none;"> <img src="image_loader_path"> </div> THE SCRIPT <script> $( document ).ready(function() { $( ".show-loading-on-click ul>li" ).click(function() { $("#loading-screen").css('display','inline-block'); }); }); </script> I hope I helped you. Best regards, Razvan

$25 USD in 1 day