GithubHelp home page GithubHelp logo

Comments (4)

brasileric avatar brasileric commented on June 27, 2024 1

For me the same: I see nice examples in the images in the readme, but not clear how to make the indicator vertical.

from responsive-step-progress-indicator.

paulprins avatar paulprins commented on June 27, 2024

Weird, I'll dive into it and get the code/example updated soon.

from responsive-step-progress-indicator.

paulprins avatar paulprins commented on June 27, 2024

Found it. To use it as a vertical list you simple comment out the media query. I'll update the project with some better documentation around this.

from responsive-step-progress-indicator.

paulprins avatar paulprins commented on June 27, 2024

Also just added the class .Vertical to the css/saas and updated the sample script. You would simply add it too the ul node.

Example:

<ul class="SteppedProgress Vertical">
    <li class="complete"><span>Step 1</span></li>
    <li class="complete"><span>Step 2</span></li>
    <li class="complete"><span>Step 3</span></li>
    <li class="complete"><span>Step 4</span></li>
    <li class="complete"><span>Step 5</span></li>
    <li class=""><span>Step 6</span></li>
</ul>

See the commit here

from responsive-step-progress-indicator.

Related Issues (1)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.