Hello everyone, the next question. According to the design, the site should have something like a car service hours of work, in general there is no idea how to do this, according to the idea there should be a reference to Moscow time and the car with a point and time should move along the line cyclically every day. Maybe someone has already done this? enter image description here

    1 answer 1

    If you only need to show when you open the page, you can use progress bars with jQuery UI as a basis. Here it is a fantasy and nothing more. If you want an animation, add some js / jquery (pick up data through ajax)

    <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <style type="text/css"> #tabs { font-size:0.7em; height:500px; } </style> <script type="text/javascript"> $(document).ready(function() { $("#tabs").tabs(); $("#pbar1").progressbar({value:50}); $("#but1,#but2,#but3").button(); $("#but1").click(function(){ $("#pbar1").progressbar("value", $("#pbar1").progressbar("value")+10)}); $("#but2").click(function(){ $("#pbar1").progressbar("value", $("#pbar1").progressbar("value")-10)}); $("#but3").click(function(){alert($("#pbar1").progressbar("value"));}); }); </script> </head> <body> <div id="tabs"> <ul> <li><a href="#tabs-1">Пример</a></li> </ul> <div id="tabs-1"> <div id="pbar1"></div> <br /><br /> <button id="but1">+10%</button> <button id="but2">-10%</button> <button id="but3">Сейчас</button> </div> </body> </html>

    User can receive data when opening the page

    • Ok, now I'll try to figure it out. To begin with, at least without animation, it is possible afterwards. - Webear