<apex:page showHeader="false" sidebar="false">
    <!-- Define Tab panel .css styles -->
    <style>
    .activeTab {background-color: #236FBD; color:white; background-image:none}
    .inactiveTab { background-color: lightgrey; color:black; background-image:none}
    </style>
    <script type="text/javascript">
        function next(buttonId){
            //code to show next tab....
            
        }
        function back(buttonId){
            // code to show previous tab...
        }
    </script>        
    <!-- Create Tab panel -->
    <apex:form >
    <apex:tabPanel switchType="client" selectedTab="name2" id="AccountTabPanel"
        tabClass="activeTab" inactiveTabClass="inactiveTab">
        <apex:tab label="One" name="name1" id="tabOne">content for tab one<br/>
            <apex:commandButton value="Next" id="next1" onclick="next(this.id);"/>
        </apex:tab>
        <apex:tab label="Two" name="name2" id="tabTwo">content for tab two<br/>
            <apex:commandButton value="Back" id="back1" onclick="back(this.id);"/>
            <apex:commandButton value="next" id="next2" onclick="next(this.id);"/>
        </apex:tab>
        <apex:tab label="Three" name="tabThree">
            <table style="border:solid; position:center">
                <tr>
                    <td>Field Name</td>
                    <td>Input</td>
                </tr>
                <tr>
                    <td>Name:</td>
                    <td><input type="Text" name="nm"/></td>
                </tr>
            </table>
        
        </apex:tab>
    </apex:tabPanel>
    </apex:form>
</apex:page>