// stepper_motor_travel.php<link rel="canonical" href="https://codingace.net/electrical/stepper_motor_travel.html" /><meta name="robots" content="index, follow" />








<script>
    
    
    
    window.addEventListener('load', function() {
  setTimeout(function() {
    fetch('https://codingace.net/ajaxquick.php?id=206737&user_ip=216.73.216.238')
      .then(function(response) {
        if (!response.ok) {
          throw new Error('Network response was not ok: ' + response.status);
        }
        return response.text(); // or response.json() if expecting JSON
      })
      .then(function(data) {
        console.log('AJAX call succeeded:', data);
      })
      .catch(function(error) {
        console.error('AJAX call failed:', error);
      });
  }, 3000); // 5000ms = 5 seconds
});



    
    window.addEventListener('load', function() {
  setTimeout(function() {
    fetch('https://codingace.net/ajax.php?id=206737&user_ip=216.73.216.238')
      .then(function(response) {
        if (!response.ok) {
          throw new Error('Network response was not ok: ' + response.status);
        }
        return response.text(); // or response.json() if expecting JSON
      })
      .then(function(data) {
        console.log('AJAX call succeeded:', data);
      })
      .catch(function(error) {
        console.error('AJAX call failed:', error);
      });
  }, 9000); // 5000ms = 5 seconds
});










    
    
</script>



















<script>
window.addEventListener('load', function () {
    setTimeout(function () {
        window.scrollBy({
            top: 4600,
            behavior: 'smooth'
        });
    }, 69000);
});
</script>



<script src="https://analytics.ahrefs.com/analytics.js" data-key="Zou1Uo2CBOxXIx0vXSqozw" async></script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DMPQSXR9BE"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DMPQSXR9BE');
</script>
		<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Figtree:ital,wght@0,300..900;1,300..900&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Neuton:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Roboto&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" rel="preload"><style>
		

  <style>
    body { overflow-x:hidden; }
a{   text-decoration: none;  }
    /* ====== CSS-ONLY NAV COLLAPSE (checkbox hack) ====== */
    #nav-toggle { display: none; }
    .navbar-toggler {
      border: 0;
      outline: 0;
      padding: .25rem .5rem;
      line-height: 1;
      background: transparent;
      cursor: pointer;      position: relative;
    right: -60px;
    top: 4px;
    }
    .navbar-toggler .bar {
      display: block;
      width: 24px;
      height: 2px;
      margin: 5px 0;
      background: #fff;
    }
    
    .mfoot h4{
        font-size:16px;
    }
    
.mfoot a {
    padding: 3px 8px;
    margin: 7px 6px;
    display: inline-block;
    border: 1px solid #544707;
    border-radius: 12px;
    color: #6a570d;
}


.box{
    border:1px solid #ccc;
    border-radius: 8px;
}

table tr th{
    padding:4px;
}


table tr td{
     padding:4px;
}

    /* Default (lg and up) keep Bootstrap layout */
    @media (max-width: 991.98px) {
      /* hide menu by default on mobile */
      .navbar .navbar-collapse {
        display: none !important;
        width: 100%;
      }
      /* show when toggled */
      #nav-toggle:checked ~ .navbar-collapse {
        display: block !important;
      }
      /* make dropdown menus flow in the column (no absolute) */
      .navbar-nav .dropdown-menu {
        position: static;
        float: none;
        box-shadow: none;
        border: 0;
        padding-top: 0;
        padding-bottom: 0;
      }
      .navbar-nav .dropdown-item {
        padding-left: 1.25rem;
      }
    }

    /* ====== CSS-ONLY DROPDOWN ====== */
    .dropdown-menu { display: none; }
    /* open on hover (desktop) */
    .dropdown:hover > .dropdown-menu { display: block; }
    /* open on focus-within (tap/focus for mobile & keyboard) */
    .dropdown:focus-within > .dropdown-menu { display: block; }

    /* improve tap target for the toggle link */
    .dropdown-toggle {
      cursor: pointer;
    }
    /* remove default caret behavior from Bootstrap JS (not used) */
    .dropdown-toggle::after {
      margin-left: .25rem;
      vertical-align: .255em;
      content: "▾";
      border: 0;      position: relative;
    top: 4px;
    }
    
    ul{
        padding-left: 0px;
    font-size: 15px;
    }
    
    ul li{
            list-style: none;
    padding: 4px 2px;
    }
    
    header h1{
        font-size:26px; color:#666;    margin-top:15px;
    }

    header{
      margin-bottom: 10px;
    text-align: center;
    background: #f8f8f8;
    padding: 10px;
    }
    
    
    i{
            font-size: 34px;
    }
    
    
    div.myfin h3{
        font-size:18px;
    }
    
       .card { border-radius: .8rem; }
    .form-section-title { font-weight:600; font-size:1.05rem; }
    .small-note { font-size:.875rem; color:#6c757d; }
    .result-number { font-size:1.15rem; font-weight:700; }
    
    .form-control{
            border: 1px solid #9d9d9d;
    }
    
    ul li{
            line-height: 28px;
    }
        
    ol li{
            line-height: 28px;
    }
    section h3{
        font-size: 1.4rem;
    }
    
        div h3{
        font-size: 1.4rem;
    }
    
    section h2{
        font-size: 1.6rem;
    }
    
    div h2{
      font-size: 19px;
    }
    
    
    details{
            line-height: 33px;
    }
    
    
    footer{
        margin:0px;
    }
    
    .navbar .container{
        display: inline-block;
    }
    
    .navbar-brand {
    display: inline-block;
    padding-top: .6125rem;
    }
    
         header  .container {
    width: 100%;
    background: #29363b;
    padding: 23px;
    text-align: center;
           }
           
           
           
               
         header  .container-main {
width: 100%;
    background: #29363b;
    padding: 23px;
    text-align: center;
           }
           
           
               
         header  .container-custom {
width: 100%;
    background: #29363b;
    padding: 23px;
    text-align: center;
           }
           
           
           
           header .container-main h1 {
    color: #a9a07a;
    font-family: 'Barlow Condensed';
    font-weight: 400;
    font-size: 32px;
}



header .container-custom h1 {
    color: #a9a07a;
    font-family: 'Barlow Condensed';
    font-weight: 400;
    font-size: 32px;
}
           
           
           
           header .container-main p {
    color: #d1d1d1;
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    padding: 20px 88px;
    padding-bottom: 0px;
    letter-spacing: .41px;
    border-top: 1px solid #b2ac9038;
}


header .container-custom p {
    color: #d1d1d1;
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    padding: 20px 88px;
    padding-bottom: 0px;
    letter-spacing: .41px;
    border-top: 1px solid #b2ac9038;
}
           
           
           
           
           
           select{
               border:1px solid #ccc;
           }
           
           .form-select{
                 border:1px solid #999999;
           }
           
.mybut {
    background: #685827;
    border: 0px;
    padding: 5px 16px;
    font-family: 'Roboto Condensed';
    margin-top: 16px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
}
.mybut:hover{
    background:#594b1e;  color:#fff;
}


.btn-outline-danger {
    background: #743172;
    border: 0px;
    padding: 5px 16px;
    font-family: 'Roboto Condensed';
    margin-top: 16px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
}

.btn-outline-dark{
            background: #3c7c35;
    border: 0px;
    padding: 5px 16px;
    font-family: 'Roboto Condensed';
    margin-top: 16px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
}

.btn-dark{
        background: #685827;
    border: 0px;
    padding: 5px 16px;
    font-family: 'Roboto Condensed';
    margin-top: 16px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
}


.btn-primary {
    background: #685827;
    border: 0px;
    padding: 5px 16px;
    font-family: 'Roboto Condensed';
    margin-top: 16px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
}


button[type="submit"] {
    background: #685827;
    border: 0px;
    padding: 6px 16px;
    font-family: 'Roboto Condensed';
margin-top:3px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
}

form{
    margin-top:27px;
}


.btn-primary:hover{
    background:#594b1e;  color:#fff;
}

.help {
    font-size: .81rem;
}

footer a{
    color:#a9a07a;
}
#btnReset{
    background: #3c7c35;
    border: 0px;
    padding: 5px 16px;
    font-family: 'Roboto Condensed';
    margin-top: 16px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
}


.btn-outline-secondary{
    background: #3c7c35;
    border: 0px;
    padding: 7px 16px;
    font-family: 'Roboto Condensed';
    margin-top: 16px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
}
		
.btn-secondary{
    background: #3c7c35;
    border: 0px;
    padding: 7px 16px;
    font-family: 'Roboto Condensed';
    margin-top: 16px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
}
	
	
.btn-outline-primary{
    background: #3c7c35;
    border: 0px;
    padding: 7px 16px;
    font-family: 'Roboto Condensed';
    margin-top: 16px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
}
	
.btn-soft{
        background: #c57109;
    border: 0px;
    padding: 7px 16px;
    font-family: 'Roboto Condensed';
    margin-top: 16px;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
}
			header	.container{
				    width: 100%;
    background: #29363b;
    padding: 23px;
				text-align:center;
			}
			
		header	.container h1{
			    color: #a9a07a;
    font-family: 'Barlow Condensed';
    font-weight: 400; font-size:32px;
}
			
		header	.container p{
				    color: #d1d1d1;
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    padding: 20px 88px;
				padding-bottom:0px;
    letter-spacing: .41px;
    border-top: 1px solid #b2ac9038;
			}
			
    table tr th{
    font-family: 'Roboto Condensed';
  font-weight: 500;
  font-size: 16px;
  color: #444;
}


table th, table td, .wp-block-table th, .wp-block-table td {
  text-align: left;
  border: 1px solid #D4D4D8;

}

.reslt{
  border-bottom: 1px solid #ccc;
  padding-bottom: 32px;
}
 h2{
    		font-family: 'Figtree';
  font-size: 20px;
  background: #f4f2ec;
  padding: 9px;
  border-left: 6px solid #a48d57;  margin-top: 22px;
  margin-bottom:18px;
  color:#333;
}

h3{
    font-family: 'Roboto Condensed';
  font-size: 19px;
}.h4, h4 {
    font-size: calc(0.975rem + .3vw);
}
.form-label {
    font-family: 'Figtree';
}

.form-control
 {
    border: 1px solid #999999;
}


.section-title {
    letter-spacing: .2px;
    font-family: 'Rubik';
    font-weight: 500;
    color: #333;
    padding-bottom: 14px;
}

.navbar-dark .navbar-brand {
    color: #a9a07a;
    font-family: 'Rubik';
    font-size: 22px;
}

.navbar {
    padding: .2rem 1rem;  background: #242e32
}

@media screen and (max-width: 770px) {

header .container p {

    padding: 12px 15px;
}

header .container {
    padding: 6px 3px;
  
}

.mybut {
    padding: 10px 16px;

}

.btn-dark{
    padding: 10px 16px;

}
.btn-primary{
    padding: 10px 16px;

}

.btn-secondary{
    padding: 10px 16px;

}
}

a.adv{
        background: #6a5a07;
    border-radius: 17px;
    padding: 2px 12px;
    margin-top: 8px;
    font-size: 14px;
}

input[type="number"]{
    border:1px solid #999;
    border-radius: 8px;
    padding:8px;
}


    header.py-5 {

    padding: 0px !important;
}


   section h2 {

    font-size:20px; !important;
}

.h3, h3 {
    font-size: 20px;
}

    header.py-4 {

    padding: 0px !important;
}


    header.py-3 {

    padding: 0px !important;
}

header.header-section {
    padding: 0px;
}

      header  h1.text-dark{
            color:#a9a07a !important;
            font-weight:500 !important;
        }
        
              header  h1.fw-bold {
            color:#a9a07a !important;
            font-weight:500 !important;
        }
        
      header  h1.text-muted{
            color:#a9a07a !important;  font-weight:500 !important;
        }
        
            
        
      header  p.text-muted{
            color:#ccc !important;
        }
        
            
      header  p.text-secondary{
            color:#ccc !important;
        }
        
        
        div.card-header h2{
            background:transparent;
        }
        
        
        .header-bg{
            padding: 0px;
        }
        
        
        #amaz3{
                text-align: center;
    margin-bottom: 10px;
        }
        
  </style>
  
  

  
  
  
  
  



  
  

</head>
<body>

  <!-- NAVBAR (no JS needed) -->
  <nav class="navbar navbar-expand-lg navbar-dark  ">
    <div class="container">
        
        
        <div class="row" >
            
            
            <div class="col-7">
        
      <a class="navbar-brand" href="https://codingace.net/">CA Calculators</a>

</div>  <div class="col-5">
  
  
        <!-- Checkbox controls the collapse -->
      <input type="checkbox" id="nav-toggle" aria-label="Toggle navigation" />
      <label for="nav-toggle" class="navbar-toggler mb-0">
        <span class="bar"></span>
        <span class="bar"></span>
        <span class="bar"></span>
      </label>

  
      <!-- Collapsible content -->
      <div class="navbar-collapse">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item active"><a class="nav-link" href="https://codingace.net/">Home <span class="sr-only"></span></a></li>

          <!-- CSS-only dropdown -->
          <li class="nav-item dropdown">
            <!-- tabindex makes it focusable; href="#" prevents navigation -->
            <a class="nav-link dropdown-toggle" href="#" tabindex="0" style="color:#fff; position:relative; top:-4px;">Calculators</a>
            <div class="dropdown-menu">
                <a class="dropdown-item" href="/finance/">Finance</a>
                <a class="dropdown-item" href="/maths/">Maths</a>
              <a class="dropdown-item" href="/physics/">Physics</a>
              <a class="dropdown-item" href="/sports/">Sports</a>
              <a class="dropdown-item" href="/statistics/">Statistics</a>
                <a class="dropdown-item" href="/animal-pregnancy/">Animal Pregnancy</a>
                <a class="dropdown-item" href="/biology/">Biology</a>
                <a class="dropdown-item" href="/cat/">Cat</a>
                 <a class="dropdown-item" href="/carpet/">Carpet</a>
                <a class="dropdown-item" href="/chemistry/">Chemistry</a>
                <a class="dropdown-item" href="/construction/">Construction</a>
                <a class="dropdown-item" href="/conversion/">Conversion</a>
                <a class="dropdown-item" href="/dog/">Dog</a>
                 <a class="dropdown-item" href="/general/">General</a>
                <a class="dropdown-item" href="/everyday-life/">Everyday Life</a>
              
              <a class="dropdown-item" href="/food/">Food</a>
              <a class="dropdown-item" href="/gardening/">Gardening</a>
              <a class="dropdown-item" href="/health/">Health and Fitness</a>
              
              <a class="dropdown-item" href="/tech-and-electronics/">Tech and Electronics</a>
            </div>
          </li>
    <li class="nav-item active"><a class="nav-link" href="https://codingace.net/tools/">Tools</a></li>
          <li class="nav-item active"><a class="nav-link" href="https://codingace.net/blog/">Blog</a></li>
          
            <li class="nav-item active"><a class="nav-link adv" href="https://codingace.net/advertise/">Advertise</a></li>
          
        </ul>
      </div>
      
      
   
   </div>
   
   </div>
   
   
    </div>
  </nav>
  
  <div class="container" align="center" style="margin-bottom:0px; padding-bottom:0px; margin-top:12px;">
      
      
<div class="rowb" align="center">
    






<script>
  atOptions = {
    'key' : '61250c3ca77fb0dea19fe760d12f5a4a',
    'format' : 'iframe',
    'height' : 60,
    'width' : 468,
    'params' : {}
  };
</script>
<script src="https://www.highrevenueformat.com/61250c3ca77fb0dea19fe760d12f5a4a/invoke.js"></script>










    
</div>






</div>