| # CSS styling Buy now Get support You can change the "loading" styles and all other styles in the magic360.css file. This example has a dark "loading" bar. Refresh the page to see it again. ## Here's the code: <html> <head> <title>Magic 360&trade;: CSS styling</title> <link rel="stylesheet" type="text/css" href="magic360/magic360.css" /> <script type="text/javascript" src="magic360/magic360.js"></script> <!-- Styles for the dark loading bar --> <style type="text/css"> .Magic360-loading-box { background: rgba(0,0,0,0.6); border:1px solid rgba(255,255,255,0.5); color: #fff; } .Magic360-progress-bar { background: #000; background-image: none; background: rgba(0,0,0,0.6); border: none; } </style> </head> <body> <p>You can change the <strong>"loading"</strong> styles and all other styles in the magic360.css file. This example has a dark "loading" bar. Refresh the page to see it again. </p> <p> <a class="Magic360" href="images/shoe/shoe-800-01.jpg" data-magic360-options="filename:shoe-360-{col}.jpg; large-filename: shoe-800-{col}.jpg;"><img src="images/shoe/shoe-360-01.jpg"/></a> </p> </body> </html>