Code Monkey home page Code Monkey logo

neonsvgprogressbar's Introduction

NeonSVGProgressBar

Glowing animated progress bar for your Canvas Apps!

ezgif-5-4ae0d57207

It can be easily imported into your Canvas Apps as a component and used immediately. It is fully scalable and responsive.

To install the component, please follow these steps:

Please download the .msapp from this repo,

Import it into your application

◻ Value – this property specifies the ‘progress’ value. This could be X holidays taken, X tasks completed, X items in stock

◼ MaxValue – use this property to set the max value. This could be the total holiday allowance, total number of tasks for the project, total number of items etc.

◻ RailColour – this property is responsible for the fill of the rail (the back circle)

◼ PrimaryTextColour – this value is responsible for the colour of the text

◻ SecondaryTextColour – this property specifies the colour of the text underneath the percentage

◼ ProgressBarGradient1 and ProgressBarGradient2 – these properties are responsible for the gradient of your progress bar and will accept rgb and hex values

◻ SecondaryText – this is the text underneath the percentage

If you have any enhancement ideas, or experience any issues at all - please reach out to me either by raising an issue or getting in touch on my social media: LinkedIn - https://www.linkedin.com/in/kristine-kolodziejski-07b6a7212/ Twitter - @kristinekk94

Happy Power Apping 😊

neonsvgprogressbar's People

Contributors

misskristine94 avatar

Stargazers

 avatar  avatar István Keszericze avatar Marsha Castello avatar  avatar Luis Filipe dos S Nunes avatar Adekunle Sanyaolu avatar Sancho Harker avatar  avatar Manrike Villalobos Báez avatar  avatar IT Hipster avatar Matthew Collinge avatar Federico Sapia avatar  avatar

Watchers

 avatar

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.