Nishtha Thakur has Published 568 Articles

Create a progress bar with Bootstrap

Nishtha Thakur

Nishtha Thakur

Updated on 12-Jun-2020 18:59:50

280 Views

To create a basic progress bar in Bootstrap, use the .progress and .progress-bar class.You can try to run the following code to form a progress bar −ExampleLive Demo           Bootstrap Example                                                       60% Complete                    

Bootstrap danger Contextual class

Nishtha Thakur

Nishtha Thakur

Updated on 12-Jun-2020 17:55:54

126 Views

The Bootstrap danger contextual class indicates a danger action.You can try to run the following code to implement the .danger class −ExampleLive Demo           Bootstrap Table                                                                      Subject                Marks                Student                                                            Programming                90                Amit                                         Web Dev                 92                 Yuvraj                                        Science                95                Sachin                                        Economics                80                Tony                                

Create Default Bootstrap Navbar

Nishtha Thakur

Nishtha Thakur

Updated on 12-Jun-2020 16:40:17

410 Views

Follow the below given steps in Bootstrap to create default navbar −Add the classes .navbar, .navbar-default to the tag.Add role = "navigation" to the above element, to help with accessibility.Add a header class .navbar-header to the element. Include an element with class navbar-brand. This will give the ... Read More

How to use window.location to redirect to a different URL with JavaScript?

Nishtha Thakur

Nishtha Thakur

Updated on 12-Jun-2020 13:43:23

373 Views

You might have encountered a situation where you clicked a URL to reach a page X but internally you were directed to another page Y. It happens due to page redirection.It is quite simple to do a page redirect using JavaScript on the client side. To redirect your site visitors ... Read More

How to call multiple JavaScript functions in onclick event?

Nishtha Thakur

Nishtha Thakur

Updated on 12-Jun-2020 09:29:01

1K+ Views

To call multiple JavaScript functions in on click event, use a semicolon as shown below −onclick="Display1();Display2()"ExampleLive Demo                    function Display1() {             document.write ("Hello there!");          }          function Display2() {             document.write ("Hello World!");          }                     Click the following button to call the function                          

Animate CSS text-decoration-color property

Nishtha Thakur

Nishtha Thakur

Updated on 12-Jun-2020 08:48:01

156 Views

To implement animation on text-decoration property with CSS, you can try to run the following code −ExampleLive Demo                    #demo {             position: absolute;             right: 0;             width: 300px;             height: 200px;             background-color: blue;             text-decoration: underline;             animation: myanim 3s infinite;          }          @keyframes myanim {             30% {                right: 350px;                text-decoration-color: orange;             }          }                     CSS text-decoration-color property                This is demo text.          

Difference between PX, EM and Percent

Nishtha Thakur

Nishtha Thakur

Updated on 12-Jun-2020 08:22:52

418 Views

The px unit defines a measurement in screen pixels. The following is an example −div {    padding: 40px; }The em unit is a relative measurement for the height of a font in em spaces. Because an em unit is equivalent to the size of a given font, if you ... Read More

CSS rest-after Speech Media property

Nishtha Thakur

Nishtha Thakur

Updated on 12-Jun-2020 07:40:13

85 Views

The CSS rest-after property is useful for speech media to set pause after an element.The following is the syntax −rest-after: | none | x-weak | weak | medium | strong | x-strongHere, x-weak | weak | medium | strong | x-strong is the rest by the strength of pauseLet ... Read More

How to specify that a user can enter more than one value in HTML?

Nishtha Thakur

Nishtha Thakur

Updated on 31-May-2020 00:19:32

69 Views

Use the multiple attribute in HTML to specify a user can enter more than one value.ExampleYou can try to run the following code to implement multiple attribute −           Upload multiple files                                  After uploading multiple files, click Submit.                    

What is the usage of onblur event in JavaScript?

Nishtha Thakur

Nishtha Thakur

Updated on 22-May-2020 11:11:53

679 Views

The blur event triggers when object lose focus. You can try to run the following code to learn how to implement onblur event in JavaScript.Example           Write below:                      function newFunc(a) {             a.style.background = "green";          }          

Previous 1 ... 7 8 9 10 11 ... 57 Next
Advertisements