testBar

testBar is a customizable animated bar for you page.

Options

Name	Type	Default	Description
message	String	Required	Message showing in bar.
position	String	Required	Position of the bar. top, bottom
callback	Function	True	Default value show alert with text "Hello World". You can change it, giving own function.

Installation

Step 1

Download all files. Necessary: widget.js, widget_style.css File index.html is for testing and for example of use. Is not required.

Step 2

Add file with style to your page. <link rel="stylesheet" href="widget_style.css">

Step 3

Add button to your page. <button id='button-show'>Show Bar</button>

Step 4

Add script with widget to your page. <script src="widget.js" charset="UTF-8"></script>

Step 5

Create and configure testBar. Example with default callback method of get widgets button.

<script type="text/javascript">
        let myBar = new Bar({
            message: 'Add beautiful widgets to your website ',
            position: 'bottom',
        })
    </script>

Example with customized callback method of get widgets button.

<script type="text/javascript">
		const myCallback = () => {
            alert('Customized Callback')
        }
		
        let myBar = new Bar({
            message: 'Add beautiful widgets to your website ',
            position: 'bottom',
			callback: myCallback
        })
    </script>