CINXE.COM
Division of Traffic Operations - Road Information - California Highway Information
<!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <title>Division of Traffic Operations - Road Information - California Highway Information</title> <meta name="Author" content="State of California, Caltrans" /> <meta name="Description" content="Department of Transportation" /> <meta name="Keywords" content="California, government, Caltrans, DOT, Department of Transportation, Roads, roads, Bridges, bridges, Transportation, transportation, Roadwork, roadwork, workzones, road construction, Amtrak, QuickMap, Roadside Rest Areas, roadside rest areas, MileMarker, Transportation Permits, Encroachment Permits, Truck Access, Traffic Operations, Advertised Highway Projects, Plans, Traffic Cameras, Planned Lane Closures, Bicycle Transportation, Bicycle Program, California Photos" /> <!-- head content, for all pages --> <!-- Use highest compatibility mode, enable Chrome Frame --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- http://t.co/dKP3o1e --> <meta name="HandheldFriendly" content="True"> <!-- for Blackberry, AvantGo --> <meta name="MobileOptimized" content="320"> <!-- for Windows mobile --> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> <!-- For all browsers --> <link rel="stylesheet" href="css/cagov.core.css?ver=1061"> <link rel="stylesheet" href="css/colorscheme-oceanside2222.css?ver=1061"> <!-- Custom CSS --> <link rel="stylesheet" href="css/custom.css?ver=1061"> <!-- <link rel="stylesheet" href="css/custom.css?ver=1061"> --> <!-- selectivizr.com, emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8 --> <!--[if (lt IE 9) & (!IEMobile)]> <script src="../js/libs/selectivizr-min.js"></script> <![endif]--> <!-- modernizr.com, feature detection --> <script src="js/libs/modernizr-2.0.6.min.js"></script> <!-- Load jQuery from CDN with fallback to local copy --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> <script> //Fall back to local copy if no jquery found if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='/js/libs/jquery-1.11.1.min.js' type='text/javascript'%3E%3C/script%3E")); } </script> <!-- For iPad 3--> <link rel="apple-touch-icon" sizes="144x144" href="images/template2014/apple-touch-icon-144x144.png"> <!-- For iPhone 4 --> <link rel="apple-touch-icon" sizes="114x114" href="images/template2014/apple-touch-icon-114x114.png"> <!-- For iPad 1--> <link rel="apple-touch-icon" sizes="72x72" href="images/template2014/apple-touch-icon-72x72.png"> <!-- For iPhone 3G, iPod Touch and Android --> <link rel="apple-touch-icon" href="images/template2014/apple-touch-icon-57x57.png"> <!-- For Nokia --> <link rel="shortcut icon" href="images/template2014/apple-touch-icon-57x57.png"> <!-- For everything else --> <link rel="shortcut icon" href="favicon.ico"> <!-- Activate ClearType for Mobile IE --> <!--[if IE]> <meta http-equiv="cleartype" content="on"> <![endif]--> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="js/libs/html5shiv.min.js"></script> <script src="js/libs/respond.min.js"></script> <![endif]--> <!-- Include Google Analytics --> <!-- <script src="js/googleanalytics.js" type="text/javascript"></script> --> <!-- Include Google Analytics AutoTracker Code --> <!-- <script src="js/AutoTracker.js" type="text/javascript"></script> --> <script type="text/javascript"> </script> </head> <body class="two-column"> <header role="complementary" id="header" class="global-header"> <div id="skip-to-content"><a href="#main-content">Skip to Main Content</a></div> <!-- header branding --> <div class="branding" style="border-top: 6px solid #32608A; border-bottom: 6px solid #32608A;"> <div class="header-cagov-logo"> <a href="http://dot.ca.gov"> <img src="images/caltranslogo.png" alt="Caltrans Logo"> </a> </div> <div class="header-organization-banner"> </div> </div> <div class="header-decoration"></div> </header> <div id="main-content" class="main-content"> <div class="wrapper"> <main class="main-primary"> <h1><span class="ca-gov-icon-arrow-down"></span> Road Information</h1> <p><strong>Know before you go</strong>: <a href="http://www.wpc.ncep.noaa.gov/discussions/hpcdiscussions.php?disc=pmdspd" target="_blank">National Weather Service</a> - <a href="https://dot.ca.gov/programs/public-affairs/social-media" target="_blank">Caltrans Social Media</a> - <a href="https://quickmap.dot.ca.gov" target="_blank">QuickMap Real-time Travel Information</a></p> <div class="panel panel-overstated"> <div class="panel-heading"> <h2><span class="ca-gov-icon-info"></span> Check Current Highway Conditions</h2> <div class="options"> </div> </div> <div class="panel-body"> <form id="roadsform" action="" method="post"> <label >Enter Highway Number(s) <input name="roadnumber" id="roadx" type="text" size="15" autocomplete="off" value="" /> </label> <input type="submit" value="Search" name="submit" id="roadsubmit" /><br /> <em>You can also call <span class="red">1-800-427-7623</span> for current highway conditions. </em> <a href="roadscell.php">Mobile</a> </form> </div> </div> </main> <!-- right side column --> <div class="main-secondary"> </div> </div> <!-- end wrapper --> </div> <!-- Global Footer --> <footer id="footer" class="global-footer"> <ul> <li><a href="#">Back to Top</a></li> <li><a href="https://dot.ca.gov/conditions-of-use">Conditions of Use</a></li> <li><a href="https://dot.ca.gov/privacy-policy">Privacy Policy</a></li> <li><a href="https://dot.ca.gov/accessibility">Accessibility</a></li> <li><a href="https://dot.ca.gov/contact-us">Contact Us</a></li> </ul> <!-- Copyright Statement --> <div class="copyright"> Copyright © 2019 State of California </div> </footer> <!-- Extra Decorative Content --> <div class="decoration-last"> </div> <!-- Load template core --> <script src="js/cagov.core.js"></script> <script src="js/search.js"></script> <script src="js/bootstrap-transition.js"></script> <script src="js/bootstrap-collapse.js"></script> <script src="js/custom.js"></script> </body> </html>